{"_id":"@saasquatch-themes/8x8-components","_rev":"29-7d2945e6243b1e4d637b7f3c48771e16","name":"@saasquatch-themes/8x8-components","dist-tags":{"next":"1.0.1-3","latest":"1.0.3"},"versions":{"1.0.0-0":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-0","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-0","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"58e114e1bb2e24e2e2ef0084a7d419342442a70c","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-0.tgz","fileCount":90,"integrity":"sha512-GBbotDtA6JBGs33IfsX7fIkgdhhpYYFJzaPW5Il5Icy5ajedyQR3wcGAttxtEqUSltzuXKg6FEK/Ir9190U1jw==","signatures":[{"sig":"MEUCIF8KoiK4EC9BZsuYJxkLaqV7QlNmf+Eg/1uDANgWcKjdAiEAhEW0GTB10F8CmMoC6UOPqJ18CPulZHfTy6zfGIACSEg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10797558,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIBk3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmAhAAoD0/0qbUwOArM/2MagOW+/JhRMHPbq4jVDiKR6w349eFP+Fg\r\nIglUN3zU3MxIJ+ueRGsLzDPUgHxguNXolMSCwSZlyR9RnPL82Oy6ZDGdpQyc\r\nJm5aWheYjYBkJU0dlEJGnTQpR4y2yw+nvZpNT05f/24minvDSR/4pWYvmhYJ\r\nC0LqCUKMGvqg7W8pCRr5Kbp3FcuFekszyD2KBszDz3ppw+gjOZS/6XHMtWIM\r\nDPGE+wPWhUT0hQB8Wru9JwrHwh5nvJgsQdSxflEpAJ4tEiNImtWlVKbkHLOi\r\nGp1+JA/b0zt+zNzWCMPdQT2RQcInWSqDL4Do3f1yxzO6DkYM2rj/FllE5toT\r\nzTHcDN8qqZCAsykWrYhTgHBy79a/AfcE+N0ttMn8uhRLs5jFR7ctipBODCUE\r\nQyXrluGvA9mjGg/ocXgnkTfKWPu3z0YK3DYK0CJtYui5Xfglr/qtI5saMUpc\r\nSR4cjp3C9cSEr3B+J09hc/WMsrjDzYfrB7yP1bWQcnAtZPeL8Tc7MKnYkifV\r\no4YN0B8SiHog20YCAJt0IrzFBMjhPkKRlUM5CYmLKH15LBsdYjAB4pPppSDV\r\npsgyV6ChYsPRy5g925tEK4Vo0fFWf90y1/y5QILaz1dkCDciMwQClPEHLEbb\r\nIO9j4rFeZub0cKOzPwBhuYjMCpQR7XjiV2c=\r\n=tSrV\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/new-york-post"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-0_1646270774836_0.4065598558418897","host":"s3://npm-registry-packages"}},"1.0.0-1":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-1","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-1","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"2aa9d95a523f180139e3cb7a37636dc11e5962a0","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-1.tgz","fileCount":90,"integrity":"sha512-/tuGHjexwUYb7z8lgN89ZlFv9OiymQAR5U2akCplcRXSAXMOSttRGt2HZuxtStTl8nR2OaV55Cpkfl65nAXAHg==","signatures":[{"sig":"MEQCIAFOR42P1BPnnd4i7yG31k6BN00m6FvodeM04KZFYVKgAiB4++DdqOF211B3CSicDrWp3j2FwNPBkSy8bvLWrnPTgg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10797267,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiICGlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4Wg/+KB9NTtNxf1XQkkdb57xJ8STnOp4sOoSv+dppdVDKdVEI8GTn\r\nGktjAR/Nl7gHlm1MnM7JWthy0310U+mXcYc1e890iZ9OzafN42I27LXUiR/e\r\nHGr1inrNBIrRjjD+TY+Wpz/LX+Lw1rnwcqdBzUq3EiCWcBWiv2YJaRozr5oI\r\nQWqNrL8xTBo7pp895+Zkg/BizqoTdxzA2y6SsxfXqzQG8ODx5JHAmsMKUeZT\r\ni+geb1ztRyAu/esvWl/qIqE58rZHlFmojH8UWg0dmMThDPqatJhD4LyNsTXM\r\nkpCQ9CcBr1BoAwclIqziXD5CC+5yaa5x6UT0JwD/ozOLIUPeuAOoBzsNs8+i\r\nZ/M1QRZ4p3OyhGU8qaxpbaNrGNPbuNy+aVN2nhAbdgxRzj75CTjoaJATaXnY\r\nRFp7C7brNFFqnVe/fI0MWeuquRq1r53d0D9eytBp0hfu3DZHpcUg2JYSXPT5\r\nfeQzRqI9emy2vwYS/xPWRe3K6F7WoT0PmYVTyiz4q1jIqmW68DBivt1FdoHM\r\nbF5i0hT6ebMW16XSOmd+WUIap9xZz4upJOC+En5VyIjRWhOSfoa+hpaNT8Tf\r\nysL2OsjeOowKkXRSXOzcC2+6kUCjZzWJuixp7bZnQLlv4w3wTR4Y1QbCRfqC\r\n6Cg9NgKYKLPHtSuwXBNWfom56DNeSEEKNOI=\r\n=B0ZH\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/new-york-post"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-1_1646272933498_0.9672001189766777","host":"s3://npm-registry-packages"}},"1.0.0-2":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-2","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-2","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"ddf4aec1ba46332d8a89eed37e46d7c9a3d7d419","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-2.tgz","fileCount":90,"integrity":"sha512-DK4wh+N0f/ExN711ciFf/8wQzaV9tdmBp9vVs3hib5SmyIvgBDOHA89xEmFvSBOyIfC2PPXVScbqIjKdHw+MpQ==","signatures":[{"sig":"MEUCIQCO+9JMkR7Xmy1UErplINId37fyTx0YQGENqgy02nWfdQIgPlQ6oYRGn4fiqG9TOUQbnu/WGvb5awVXzl3LfM8OyHU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10800309,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIrFnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrtlg/9Hj3aXd0ai7JgzNetNNU09N4Ct0VxXWLtnwNOD8l7BTc4mq75\r\nNrDFkd8y41chFvwtXWa3E6OsMVggeD6FdKfgMdUNY3dY5NwTdBV1F7J2UEHF\r\nXWrycEjYyxg2/f+MRWgj2l/3yJp7r/3zImALWZVs92RcrMiL4OHUMztuH9Sk\r\nh95BbF+CVzLGogGo/CeeLgi32Ew6YCfVbdgNJnWpDPMJKSUHm4qdn6Xwjfn/\r\nqIqpnEMtr2q4XNY6JXgFTFjd8SYzNmJy/uU5fYOXP/SjHg43VGj27d7LSpmF\r\n64usLTz/te+pgAX3qQi1KcKyUfU41i1dl3SQsoDdj9WV7xyTHHtTuU+ztNFn\r\ndnDsZSEpbjof7la32SbOxe5W0Cbsit+AlDOGlcpxsjEMxtKHdGSbIf00s5nE\r\nZn7f39KJ/iXQVlKISlOyA1oWHmGQphg4Njs1WQmQziywEwDCxUIS0uQMYELy\r\nL8yJs2MOec7MpQXiVPQlIoINlbQLrnGJBUatrlfN6PL9S7Ii2BL7whDCZZ/o\r\nT80Exh+HyURDSksweRFmAi6M88NimDyXsT4g4wMJOucVnBnJgzaU7AVlirAx\r\n8T5ieArg7SY618Dl7s/qINVga6zRW4guMV2wIDuP7pSHam4VhFZrRY4aLrg5\r\nffKE6Nud0wPVUK/akExHn6W0Eq5X+q/WJM4=\r\n=gk22\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-2_1646440807548_0.45696222446458434","host":"s3://npm-registry-packages"}},"1.0.0-3":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-3","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-3","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"5cfb9f9b5ad614d50fcc6dfdf0202c31b22ee3c4","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-3.tgz","fileCount":90,"integrity":"sha512-jT2OxNUQlZohI5j5NksdHV4cKF/MDAPzA2B3zjUjoP6jJ2TJPmKoYWnVCzcA7qjxzwVNk1hn406bCOi/LhV5uQ==","signatures":[{"sig":"MEUCIQCDJQmgXRsd7XUPyjm0YIagv1tSCQZcWYqpATdNmyFQ3AIgUBG/IC9n2WELlCs0MLy3ibzT9r5CsPnIfCK11b9o3hI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10800233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJpq8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolmQ/+Lddw1RlspVwzjMyAS0VALoE855ZvsYbX+39xyNstMN6pdtbD\r\nbCulgdKqPSVr+sQw6+ouycoJvhZrqomeW1SsVNi9WTWg3kCOA5pPZcvMnLHx\r\nNDoXTLaCssJU9g87rL4F6I9Bmbw9/IRs9aLrcCD0lpKwNCUnVJ2y2FQfUEnz\r\nKQa75nMumf3p9YZ3XPQfuEyNU7mM83AWuSj6TtC04HxN7bv/UEAtAigdNS24\r\nkJvTZ/55eldmvXyWSUwEnDoqEgZyinUQeUJWB/oOFuvSSXUVFkzxNlkZesns\r\n+L3hnaKLn3GdXReQ36QDC3lnOMNX4mQRH5GGHOn0MkcpCjcf/56mQ76t7dr1\r\nnjSXnIgJeLmEQxi+L5YFnD6ECLrzolosf/mY6V/Pc86n0YepWKJ14Gx/57Df\r\nbPKznOR92Eh3rv0HWfPoEuzzTKYoK1lu6iBftPM1wJEQ9PJLYFwE4l3letpD\r\n0WFh+LlPJQ0BTZln4EQBSvBFZedDS98qC6PYYOt56myVop+YtSgkzILnULXC\r\nmSAYMmtwZ/pLhwmW6OGQMX0axW0GpZIyDjxJnYAOolgtEo58abjKWBtQ736N\r\nKdIvlSY+KHxzy5bIfSDcpeYB2YFWZPLTmBeihNFdB2DB4VgIMxmxr7PZK4me\r\nUeLsbWVa6Ie+cMKj2+sXy5I0YRlrMn2itII=\r\n=tXsE\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-3_1646697148453_0.28679830027336806","host":"s3://npm-registry-packages"}},"1.0.0-4":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-4","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-4","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"05baf5b1d2aa51728b5541114ca34cc315d14963","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-4.tgz","fileCount":90,"integrity":"sha512-rZqm7DZre+8Max5n6rw+rxOTZkB4Yke68R+G38lmGIGW34nw0Z1Lbw2YVurhnTPaODTPjiUrbsZ1isHdS4HOpA==","signatures":[{"sig":"MEYCIQC63kNlXRcvLAFfdeleLds8hdaAQ0am+92ENrzp4egIRQIhAL3Tlcp2HnS73CFoBj2HhGg96RCy2yu51hqgUraBCOWO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10800386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJpvxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrnA//Vks4wJmv5a1omhoHDmol8jUDYBVQ+Zc2WNwG4mJqSXXv91C4\r\nfvFDtcFHEMCd/VLYSXQlKEgQeNGHijJaXVz4V78HP89he+gKq1+B5TeyrAcL\r\n2RzZRmrK2DiZ/koToHog7nuTW57GecdHpeRDB6FueGK7ZPCZZasyWVGGAO+y\r\nCIsMtN7I9A5EA8AfJ8etezYPQlYoB5W8LQPI0G/HpPhoO4c/h41HERvJe5tv\r\nwpaTCIW+H5L763DP9CjkqXZG1p8tkVrp5ccpMWtSrNaYF9fZinGWtaervhFB\r\n57wAcSRJf3ssmDzps2kI/zhI1SBZlsKdhhsiyncJmpy6xpUsQDR6JACAj6xD\r\n1qQLeBr0oK3G1C0P6SwGiJ4RCkiu/iyWR0n3X1Ju605C2sPnz/cS1nXzm0W2\r\n7ggbNtX+j5WT+HTJCdhtxEbC0rbzr61XOx0Plf4p6FfJmJCORIoDzNhRv59f\r\n7/9qKyOmgOMlyzKdC2/yO9CUgRugCSMj6qsYcf2STw27BZZWiWHZtFYV4G9w\r\n4qQE3H6ztQ5kERc0DxkvPwHCNhlyF6LRdVcZZKKiVSltXND9oyPDuLg3kxSc\r\n0YxbxG+ki/6JewXnH56DAav4Jk5Re5BrxXnzrQ5B57c4yoPN5hxN0ibabk/l\r\n0NzAh57ZJAll/l79FmmtxofJW0n1AFxGWIM=\r\n=JjGD\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-4_1646697457172_0.4975985418433042","host":"s3://npm-registry-packages"}},"1.0.0-5":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-5","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-5","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"46b60e1fdfdb2b4f57e52e077ebf4ea74800abe9","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-5.tgz","fileCount":87,"integrity":"sha512-cgZhMwjWCnCr9yN653zIJDY6F5SpU90hXyPs7Ty9yceYGiHTe99LNNeFcmhp+5mtMFm9RuVTrm6dGcOM681Kkg==","signatures":[{"sig":"MEUCIBNry44Qb02GJdeN54bfZ0Np+25vc50J92nBTznOrkugAiEAqNHLqyBCupn6YKhgrOYVD4w+XhTM2/E/u6hGMI+ae+w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10830582,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJ8YXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgNw/8CAW0lAN7KtkxmukS9+HHdJWss2HEMTLn70srP5iXiHLX5SZ4\r\n2/piTTZ9wlQXPUDWySEUV0xfAnlkXwIiYJPKP4zIHvWG29+YfyKHBToutQWa\r\nxhkNX7x1AfuGTWmrty1DQmh/P/Y9hmO6zao+d3aWebWLUFiGaa1qJdVqgSIq\r\nrDzXLwuk0oeWke8l/3t7u7QNkb0qf0EJ7B7R9xY3TyWpI3X+FX9z6Al57NUw\r\nChgJKTje9y3LbTd0fIYXG/K8rEc6vTTP+IMALY+S63uUUem6ND48ZraxLNEE\r\nUW+a4OTjaqLDcDNAukS7ac4G7tsKzh/G0AL1jQES3EtaYvVTHnQuBbeMP62Z\r\nIdFV87IJ+LHfzfBWwnbn42gnC+/7rQt8YquJbY2dboy8yUrwUmIFuPoYa8Vl\r\now7PiBrBlHWjOOHL0m5U+zM8hFVV1T6k99rZMq2/A3MXEqvO86TnDpEqwZsf\r\nYfJEYMu6sgStcAwmB8g73sGomEya//qHgIcpXfiBjfRe878zkbQhMT9k7NO7\r\nJYBKo21AgsGFSYN3yMw8WaddxLmvXikdtVI3/3tp6n/lpFBjJWxyHOteCeY6\r\nUBbZxYuijQyhN04+ZHl5/kRSZy1JxZuxMDIt3Vzg1tF1AiZC1cJVWXzLeqNF\r\nfNj2twqxq1+d6hfHBVpJw01YVFBAs4EhLX4=\r\n=9S1i\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-5_1646773783685_0.7261351335693851","host":"s3://npm-registry-packages"}},"1.0.0-6":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-6","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-6","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"4825cffe3ea2b8347353c1b4a488276b477d0038","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-6.tgz","fileCount":87,"integrity":"sha512-cs5VLBykeoE0tjh3W5zWbRFhz4hCFs4S/XJkM7++m4zPpMSFOb7nP1WI6HUf7urbv42cf/SFPdtrSLwmemz/4Q==","signatures":[{"sig":"MEYCIQD0xYIQ/WMFs74pg/3JMJp0aB6X5QB+wdAtvyRRB+q+AwIhANdPt5Iv60PSm1fRWOO5xeD0Roxcg4HW9VkDXBn732VZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10833889,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKNBTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7tw//VvLn06AtJTURTcpbzeyaiV7sIqb2yIPrl7Vr5goVFVvfv7q2\r\n8cA9bVReXmtflHt2SJXRjWV3Zf0rxK8Byqrf2gCoi1vZyxNXWaIpmCnmcfM2\r\njAZZYGNVeYudOOlbjG9g6B0QZwAgyztMHGp9f7gPQ645HRNOYGMmrJVTW0B3\r\nINPatwIYwRfbE2SGilrb08y4GkzFsHvsu3tre/fz0vatLsSVJqDCFzs+o4j/\r\nWADc+WJtLxAK/ythkR+yV+m9RvMj1tNyoxFxw+dk9Qc+/+kQMuCdxlBT+/pt\r\nAwmCyWeunLFN24bllsN+IcqciV2k+2nPp9MvjvPtqIQlPNkC/1097jE2deX3\r\nuuHWyWnOgXr6rsXFcFdC2iygghKASllm9Kbu4Tww0K85b9p8MIwkJYifqkgm\r\niZERHCjynluAtbkx+5/hOQF8pyxX8TZFL8xdjgAkBd5knL/yOeqnkv6gK6uG\r\nfan9MQ1LI59Y9GZ7dn6nRUYOYnj+k3O5ZyMDPKZErFf5aHkCcfGGCacDEzAe\r\njkEGBRbmIjLjEdyr2pa7I7MAC4IAm8o9WcGYJFOP8Ti7jA9reALhTqh7eqKd\r\n29TQFd0kpr+7H69MAPlynKgp1pVZ6ntRgi6VVpyud97AoqTvYa11a3ygmBxb\r\ntmuCCSlHtqDJ3zDw0y5do68HcoCBLxuLomk=\r\n=MVQj\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-6_1646841939550_0.9212805100127524","host":"s3://npm-registry-packages"}},"1.0.0-7":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-7","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-7","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"1c8a6cbd44613c1f38dd7ed5d7aff279a930c1d4","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-7.tgz","fileCount":87,"integrity":"sha512-UVYOO6qhMkl6XWYaGE5szLp1R75S7KFHWU64WyRB8zEqgn+2im7M3dcg9ZF8ufw7jJG0sr6BN4kzStvzKhhRNg==","signatures":[{"sig":"MEYCIQCyCZ9yAZRdwzYOCC3VLwyzhmv6xAZw1amLqX5zQP94BAIhAJcWe6MicyMlcgQnJ3b6+N7QPe6FBM9AVAWzNhDneUQ2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10836513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKNXwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogLA//b44xBqnZlYb48GiW7v1U2WL1HeQObumL2Gj5S4LnIav2lksN\r\nOEp4ZMCAPMUIuliHYTDZzc9yixOaVRCHoG89pDqtp9C+S3oCND7M0jbfn62X\r\nbWDMfrUlkVRPlDDIblN5AUQUPsshUUrYjotKLC3DUmJagyrKbVmogPqEnLxK\r\nCnqw9Y/BJzKAnBmxdLWT5GeyYb/3wnWfN+XrLFdH8cbx6XVIEG7tyxRNQxmg\r\npQkKqZbdfo1d671eWIyKNbRIZydKJ7S67zhyhdr0AsATc/zOUFC2pLvNelz5\r\noP/f3jUGO0pYx8Y3iq92zbnadn63j3drWBzFgJBWJ6KOceMbI+et40ldDWaz\r\niK6olw435lLIpKV6XqmDzyVTLGXzyIuaqyqxiUmlHxTx3+SD63op8LOJeNFn\r\nqX6Z4ae5NKAY2tWjE7Krgaq+REsk1USkOocZVszK3cIeVohR3t02AAKbQYiC\r\nfGOOvrvrjGskD3HgUTogFoUNKXYP/sgPCq4FBJnKR4YkWvDz63ciKeRXtDCz\r\nYqRCeO5KuzjoMbuBN45h+iFESFtWLZlaEJMXdCpOKnuQ1B94+a8efNyDKXBA\r\nzbaBSAA3Vn3J/iAr5rydN2Qsic7sUT8DCs9lGHX7mo7VRlxorfCNjtbESlWF\r\nXR/AcCgF2lEuhTWNOQuoky+LsX1t2ymFfcY=\r\n=Q0Qq\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-7_1646843376177_0.2732392571871918","host":"s3://npm-registry-packages"}},"1.0.0-8":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-8","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-8","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"beec3382eb2daf93c60a52551e07e89599e1b189","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-8.tgz","fileCount":87,"integrity":"sha512-i2uzmfI0B/ypXHYmJgNiUu+MPYdxFJu0aqmHhA040rMtJFVaRVY29sDpz86lPny24V1rpHTBFyb0wywWVEhNRg==","signatures":[{"sig":"MEUCIGiQJ+D8iM4a5eMXqum25Rhqr+HGo43GsbOhbD0IdRw2AiEAsB5DYqyQrErmi0Xoq5NmJ8Wz/wB+8WUrotTqH6shabQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10836633,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKNi0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrT7RAAgB8QL9RKvNJRM1mEowE/a/qFmftQ1CU5jv5WYAdyDyiGIEAh\r\nSaWSwPfADvfo0PeNB843FbIri8/8KUwNIcLBHtou0fpfiWuwWgrkeUpFNocH\r\njS/eJOyViJo5kOweTni4dS6+Hj1OLTcnfWdeg/fmFJc/uWqoeXTEBdic9i6K\r\n7kL/fI1HpKNK1U5App6E8IxIkNk5thwEzODLvVH4CTHFt1mmM1HracjrfQiu\r\nvGK/SMK1sMRtqyy8koUARs/qO7SVoNgFRQm6CRgZlh5t+smf3J4ZzrDO43IR\r\nD5QLfWp/Iv8l7Dxd64rHC89NHAZTUfCF7Pop3BJ58XO+hnwjmBqZlcf7okXy\r\nsxa0+g31hiXhAfJp5OIO9C8KUTI/zhR/Jfe0u2xESB+ZOfqdduP4ZNK8OxZR\r\nZVNF/Tl/G7g/ugB8Qv3ktwytPYkT2nfPhuogzbLeZ52tzXLfxAnpj5IoVKEG\r\nKU9+c6OG5u3RStIkjcniYAQfjVYFPbsJxNamhvkoDOV3wo8x6rax5Y+pumKr\r\nsljHpPb73HbwVukf4rVKwHCRX5iyzuWau1c2FfLDF/1OBP2B9l6KvNr7GFEH\r\n0Vsz26tId9NlbaS8LfASZ9gkf7rshO3k+vrmn/UdDANiPJw1HivgfvEVv3KU\r\ncmxMEpwhF/GEuIkTzt1svtO82KDDEkGylAo=\r\n=7FAU\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-8_1646844084089_0.22878202751741195","host":"s3://npm-registry-packages"}},"1.0.0-9":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-9","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-9","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"c85c5105da307a0db7dfdd8c1c11f7adca048a50","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-9.tgz","fileCount":87,"integrity":"sha512-yTUZVEhcYPn00QYSrA9Ra6FkzMNC9/zZ2rJO3TTSNByrig4LcqYCXcKgkINU3OCNr3AolZvR0UR5SHu5m/t2Ng==","signatures":[{"sig":"MEUCIQDGqDnfeJPkDaq5/jzVQ0oKA9d0CFBNMgPtj50y8PAPsAIgIdxIfouceNerrOJPcudhnKVpflP9320/34IGVdh2DQY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10836741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKNqnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocnRAAjHvR3Ev+zoMGNVeP4G9m1TXr1+u9b8v1OqlaWJZXUZzdm2RT\r\nnpQ3ZdENKlmmPazsYA0K+QpYQOTPGszVHsGtL7HGFuvr2ZenZ6ibB5B0c4aK\r\ntsZArUODfooLc/zKILCXE64aGbazSSULNwdeSo5ascHXYUo2v4Ck7IxI3UPH\r\nt6SserUXP0wkWVMKB1xDRQ7Yoxkh6r+Py2c3YPh0HRoOq6C4tUzp3/wDC+aV\r\nvubbtQXdcJ+edCAbN262HtfQsh2Mj6nxI52/KGFjphb3T7yzk1G1USSmYPmB\r\nOHMy2OJybKLhZmex+htTyLWr3rq9KmLtS1/xHmVKZpFzXtgf0YAM7WPnmj/6\r\niz+rGojrhydjjiiuiJ+fv8WFlPqbQpRsyu7dYTmtupTIpA64/IehyAL2wjAu\r\ns8Rsr9zqo+/65K22YWa6Mcc7Nmb6HYlYkTMKaTHsJvjiVd9JKrrdYrAECRkn\r\n/WFE/FwMc897FGNF0ZfiZIB4uq6KX81n9GEoYWyDItdThJcscFeJXfXKYmDo\r\nL8ST1+GtOmAb6rfMwgKIacnsjJVp030CE0cfnqZ3EPcKH9gPeKRzgqCin4VK\r\ngT2fW0y7WX13ogz6WPsepPhgQ4Jxhmy9xYWDMz/wE0Qkwg9p7ojsRze8/4Gs\r\n3dWjU9kzpBF+zHAw3T8xEIii4mfmK3Vkp44=\r\n=FIJf\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-9_1646844583510_0.2559607816258511","host":"s3://npm-registry-packages"}},"1.0.0-10":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-10","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-10","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"514bcc1d5c949532dc47894716c61c146691b551","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-10.tgz","fileCount":87,"integrity":"sha512-vpTnzBBmGKUdvQLAVa6+yhAqiujJzEiDWCTgnoALrQScx8J8ioxSB0D6cNB/Nz7GYhCZVqjmnjOIU7XcN+7uSA==","signatures":[{"sig":"MEUCIQCuM2yV6bdfUmPfKXOwtZvZLEiz+7qKyOfn7T2iVqhEmAIgLWglDR7QtgalR+3zHkvEM2gZuitAmfIqDFvkGSxDyas=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10836190,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKTIdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKxRAAhayY2QdIGnKJm3WiBxfW9dVhMUbx4raOnyFNA1RjR0s4VNFY\r\n8ddYzFU3qhSXSTTVuvhYPIgHKo0GaM7B/4xQNVCZCeO+FVfflRYGpxiMsNL8\r\nW3hd/V55IPNQCLMY83IfU8pfYEiNrYkrTPlpzCoHwi1mE7+4PJ7t8PuER+Cv\r\n24TVZGG6ubvdRtZdJZ4GR3ipZF0RKZ7UxGlY23IDucBCSIi6I9f9CUp7DSjP\r\nbCX4GR6kiAxiKVhPmrheY3p7FDSAabaTJ1czI889skX6iCDudyQG1dJVcZdE\r\nARMXivb3Clo6MuhDKj+sWa+90M9YUTuXEOBz5epJ9+l95hgMgoRoyjDITxCa\r\n2bps7wiRXI0v5FwLDyM/FnEb4/91O7PwzB3I2FomvqGq1brjdsGVlxw7d4Et\r\nw0IA/4vMQ+dB2qCdXIvqLfXjIiBuhd0kTFdju9LRYswP7t0wn1GfDfPB4y9u\r\nXrFUd6M7whnfGCx9swuFZMoWWLOlb72Sk7A3kdPh+TuN/Lv70+54VNzj4oQf\r\ncUuRlUdTI9Z01f2KILVi0VfSAHV1WqNwCm6tblS73v67dpsLrqaQQj769nFu\r\nyBST3xs3780gk4qoXGvQVqdJc3T74MGqbZIjGa/+vwueGx9Jpi94e0E3jrsy\r\n6dLk2CTARyEbQGOSUWCt/HMakiTLL3ODCXI=\r\n=doCx\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-10_1646866973788_0.8339885086158647","host":"s3://npm-registry-packages"}},"1.0.0-11":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-11","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-11","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"88bad6751aa6b740eb2bbe5c63acb7c981b8a7b1","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-11.tgz","fileCount":90,"integrity":"sha512-olb61vTJ+6j8DhD45QEQ31ftUlNTBFW4QR5g/6yTrjoshrXK7qWeoNkoLJqJuGMZeItbtop9oZWmKZyJ/yW0zQ==","signatures":[{"sig":"MEUCIAKTLbViMhyx8ME1pBocLSQ1+tJO5EF8eqaYWIAT/1ljAiEA5P88jpsVzqE6utcHMJfdaV8i0BIQKQB/xMXaDzkuV/M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10877802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKn/zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+dA//amu0IbZFliMr1IEEJSrHCNU274xoCJOW9grK0BZ70XqqLABB\r\nKNadJuYoUAGrsaSCXOV9ehJZm5e9d2+dWb8pR3u/7PLEqfk+2oEnNmit03Ku\r\nRV92Njy49aBSbmpU+PailvyycKyvmKuKLUHnMQDMpyt1/sTUZBX6YmpElTeN\r\nQlM7LOgevh4yOYPp1XnodPhq2op8XXb1jqqS16OGR3JW8aDwcuFzzMxbQJ5U\r\nyxTyeYfAm/2VxGSX71MSrwZlG1R96ZDTxQXxJ8TueBfmkdKh8pkE9SRlOP+u\r\nKmeQpkaJplujwMNwNoQW7CiUJoXNBQRRbKWDAdP1LFBfR0iw+y9l9ejGgpeV\r\n7fkw57lZtM3dd9meOlwK3SeB+ei2qVYzqYtD1kv1mzWN6DLqI5SwXu2gvNwe\r\ndnoQFkRo/dFc54mv7022aaTm7utXOytC/ALwxTvaOEr2SW6HPT59pc/02Clb\r\nW9qHt/nplYuUNDKm59VYkcAjVoj4fCVTlzWsc4jiNT4wmXwudE6tk/AEr+D8\r\nhbkmnsjtIt4phXIN4538lyvKEDZimqsvx8hTPdQA9gbBZzPWq1OXnSXL+1M1\r\nd+EGk0A4dAf12JJpAWoM0azzrrfnBlPMKcL8ZMBPZLtn1DdFU78Oyth1D101\r\ndjJvcVgU94Ry7wJyMUPN/AAczVPmuq8x7pM=\r\n=f2k9\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-11_1646952434881_0.8577573926173672","host":"s3://npm-registry-packages"}},"1.0.0-12":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-12","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-12","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"6eecfcb998c94e303396ae304419e14462b2bfe8","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-12.tgz","fileCount":90,"integrity":"sha512-qgB2QK4XwyuAD3xzPU8WWEhZVrJcbQbfLd8ZbcutdO8jCjv0mnbKBh4EKTaY5m2kFJfB3klYi31FNa9ts+E72Q==","signatures":[{"sig":"MEUCIQDR2110zlc1Umjk/LLzxhDJSevv6yCuChvIpe6iwRAzhwIgNQIsMLjyDps36Kx5M4u9DOT/+9BvZcjDrHN+BHhH0V8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10882459,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKpX4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRMw//YX8xnNlngix0BLyGKoWOacCxN0wO4WnTkQMGAQw7AI2JGHkO\r\n4ZEIx0kHFEqtBtbsMgL9uIP5fBexWBDV4p/nlDbbXKAq9DyBnuWZREYYKy9G\r\nyGeJnEPd2/Lvr2+URZja8K8aAYjo57WKzg20DVfPnVApXgVh/AxCnvNDwsj+\r\nn0DIHTLD+8eTBU2je1DZ3KlpN8pYfzbI2YAGqZMRMfQaw0r8YLKEfaVnmv7g\r\n/OBSJl+MoRsOw+jAGlaQdzgyfadQuCjxkyud6VJb6eSmL8pCkLyB4QdkxGLE\r\nzexlwCLyTP4oiW+zNH8QCH2AnrLzGxgXgGW04dfM2o2DuqoWCnDA9mV/uM1p\r\n0i3CSnv8yR0MRxiDNoj3kughcgwCXNV/pAYWVXt8cKLrJ+JawdsZML4NcSmq\r\nrDrGJI5i9aHs66jqa+Z6dSLxh7Gh9hDBn8F71RYk6Qww/w73vhgsuVpVcUoi\r\nO+qaXV7vYbJAHVzhDGGCWGs9bnU1OGFFOJXtQw950MFTTwZK+M/OqUTn0Pti\r\nEebFQmuVLJCZCBolvfiIy6wPGyE7EyIbiwm2IrwWZ3MVjBRiNe4AzY7DdO20\r\n+tULteuebpsreqvPQxVOlVGQHHsLp/EFn4OxXVevP0bS/fgNUHxB8/6buqPH\r\nNK26BXOGeJu7ApDJ1my84CAvRUFXWIDERxg=\r\n=Cc8b\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-12_1646958072079_0.039397366378623344","host":"s3://npm-registry-packages"}},"1.0.0-13":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-13","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-13","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"e837964e4e25843ef00efb031163842fd27b36a2","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-13.tgz","fileCount":90,"integrity":"sha512-OcxeaELsT9uufOB+ntPjQrfqWQAA4yBVOpaVo+IyP0sycir39ioTqq2cOHP/uLVBVea46o9bHyvQqqEu3ivYnQ==","signatures":[{"sig":"MEYCIQDN18yLi8KawZspaPswncQ9Or1PgTusZQQVLBmgqXJ9nwIhAJySL4kW135UKPNw8nXsjwWzS729FksxY3njzaiGj//V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10892741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL79MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLrA/+Jny1zjZ73I87ZTO9hfaKTqdlMEbRBvknA6h2fQ1xU7TfNXev\r\n8hWD6xaKs/3ZLRMTeoRA3XHpa4+qvCME9mAFlBdkmYVOb3Mb3o/3OUcWexxZ\r\nch8de5OuQra/U+MsSqrFOQ7AQUvnjM/iINc92tPXLSqJ2DZBOlfFuDN68g+f\r\nidaYXxacuJRYqoUNfWsaRr8QIFg0ov/eOT+Coo54ArEK5tVovnO45Q1WctZ1\r\ngFXR+YPQ89FDY8qiJo8jgbPkXa1e/4vwRnpYdvfzjq3luprOFQXEynXZ1q6R\r\n0g2iNuOIzdhTkgrpzv7QfG+CADnJYrj4X3z5elgcK2t8l8tTwi/c3Tgfboat\r\nw3AO7vhA1RpGJu1vB49E7CC0EqHVjqHCxwYswisfd5aqLgEwOo9v8B7IvGay\r\ngb0NXBWMeQ0ViEgYnnfPKQbC472pH8mgbFoQq9VHU8EwbtCiK58cocDgt0WA\r\ntfaxig/4y2kCU0f1ZBOBZlOP5wHKt2TM4qPJ6x+Q+pBHioVSppZSJ2pBqHzN\r\ne2SEWn1HfqCc8m+w6YHLLp1jnU0q9WZ2ucmZL7wqiKvikdCwUKLIaH1B6MrS\r\nhQez0ZlkDR99296QdqyRZqwl/mraE4cYi0hMkGChooMqavLJ1e7QmnBH7I3q\r\nsf0A/GqKaKBdMcuAr3GHaY77yRjZTf2wyAk=\r\n=xUc6\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-13_1647296332633_0.3809917233348423","host":"s3://npm-registry-packages"}},"1.0.0-14":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0-14","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0-14","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"1c810cfe7e7d5602e841dc61bf58457a27f297c2","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0-14.tgz","fileCount":90,"integrity":"sha512-48oRDgAPnWUQfZuUIObncquS4iLU5Peshfqyswdp20+n7/QvcWPpMwpLo93q0co82aUrvYjruMReelzOUPaX/A==","signatures":[{"sig":"MEUCIQD3A1PW8oEsYNbPvoXRR9A+gvxaI9Z30bdclkJDjmFBogIgFGSphZDd/jtfID0ZDPIofOsieuMMZ2KkOQkvJ+HlRhM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10893152,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL8EwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrd1xAAnSAjgFmAJCLA7co0XmpvJy7Zs0rU/7KgNJcxpty3EfSlCylA\r\n8xMiQbIuqpN9f4oWfGSvf+joazYFJG/gKPUFwuk1xW4YrWOJcISws0//PgPU\r\n42scRHsffdpIkP3APOHLBv/XwO8dS8jbQGCfWgZlcvHVMRperEX7xPNlNnOz\r\nq7D4tlqGLbWtrIJKv9rHZyc8tnVZl8F+tlnCxAYZJhMGw51m6QYHSaCdrHl2\r\nJnk9l1SjFm7OPq0KUeCNfTGZePwgXLmivNcr264RyoAoaqXehft3++VaauZ+\r\nQarPv7BwnruROTU1XexIe2P1k3ukO5Br4z/8KVkMkA+cGY9lctoqRFSufytX\r\nsLdwnGM+7ZWtobtk1vbHY2U4ZbxtdvX/9Pm2/tvhUge41XHm4laI7/g+w+a1\r\nDTcaqC2cP/SRV3sRCJ1nbqJDdMhoyt/WGoxMFNuJuNLnG4yC0BAj23lWi0sr\r\ntZN3nt45PvEtTrt+ddplzvCxMJJ7AgGqx5hdWRsPZbZ7awhvglEVgq8PWqhi\r\nIXCbpEiQ+nxTNaCIiW4kH973PMpwr48iATaYu9dkobn1CGK0l1zA8XSOSQef\r\nLKoCTnTk6ryVmVjl70MbecBBVYufdC2oAmiOmoAu9TvGG4hI1yUWxIXSMG9F\r\nqv8fjW/7NpXx5Ix39bDoizYgIqa64SDiLU0=\r\n=8pTW\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# How to build and deploy custom widgets\r\n\r\n1. Copy the `widget-starter` folder and rename as needed\r\n2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)\r\n\r\n   1. Components should be built using the [HVC pattern](https://gist.github.com/loganvolkers/3402321237d3e363a3010843c793a0bc)\r\n   2. Controller should match the name of the folder: [sqh-my-component.tsx](./src/components/sqh-my-component/sqh-my-component.tsx)\r\n   3. View should match the controller name + \"view\": [sqh-my-component-view.tsx](./src/components/sqh-my-component/sqh-my-component-view.tsx)\r\n   4. Hook should have the prefix \"use\" and the Controller's class name: [useMyComponent.ts](./src/components/sqh-my-component/useMyComponent.ts)\r\n   5. Stories should be added to provide visuals of each possible state of the component [(MyComponent.stories.tsx)](./src/stories/MyComponent.stories.tsx) and imported into [sqh-stencilbook.tsx](./src/components/sqh-stencilbook/sqh-stencilbook.tsx).\r\n      Be sure to import any mixins used in your components into [sqh-stencilbook.scss](./src/components/sqh-stencilbook/sqh-stencilbook.scss)\r\n\r\n3. Before you begin:\r\n\r\n   1. Edit [stencil.config.ts](./stencil.config.ts) - update namespace to `my-theme-components`\r\n   2. Edit [package.json](./package.json) - update name to `@saasquatch-themes/my-theme-components`\r\n\r\n4. Develop [Stencil](https://stenciljs.com/docs/getting-started) components locally\r\n\r\n   1. `npm start`\r\n   2. Edit html: [index.html](./src/index.html)\r\n\r\n5. Build and publish to NPM under personal user to `@saasquatch-themes/my-theme-components@1.0.0`\r\n   1. `npm login`\r\n   2. `npm run build`\r\n      2a. Navigate to `dist/my-theme-components/my-theme-components.js` and find + remove ` window.location.origin` from the built file (only needed if loading these components in an iframe)\r\n   3. `npm publish --access public`\r\n6. Implement widget in portal widget editor\r\n\r\n   1. Reference deployed components in advanced section of the widget editor:\r\n\r\n      dependencies:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /dist/mint-components/my-theme-components.js\r\n      ```\r\n\r\n      plugins:\r\n\r\n      ```\r\n      package: @saasquatch-themes/my-theme-components\r\n      version: 1.0.0\r\n      filePath: /grapesjs/grapesjs.js\r\n      ```\r\n\r\n   2. Import custom html from [index.html](./src/index.html)\r\n\r\n7. Test widget in browser using squatch.js library\r\n   1. go to http://squathjs-demo.surge.sh\r\n   2. Fill out `tenantAlias`, `domain`, `user`, `widgetType` (`p/[programId]/w/referrerWidget`), and `jwt` fields for squatch `initObj` in config\r\n   3. [jwt](https://docs.saasquatch.com/topics/json-web-tokens) can be generated at https://jwt.io using the user object from config as the payload\r\n      ```\r\n      {\r\n         \"user\":{\r\n            \"id\":\"my-user-id\",\r\n            \"accountId\":\"my-account-id\"\r\n         }\r\n      }\r\n      ```\r\n      and your tenant's API key in the Verify Signature section\r\n   4. Reload config\r\n\r\n![flowchart](workflow_testing_flowchart.png)\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0-14_1647296816030_0.5149983431874676","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@saasquatch-themes/8x8-components","version":"1.0.0","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.0","maintainers":[{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"dbb8b0790149431b2b5faea8e01c857aef7c7850","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.0.tgz","fileCount":90,"integrity":"sha512-6I0V89eUAJVA/SUGeEl3F5UF2Q5P6XrkFTUITqClZh3zupGxfGwkcOpZzTsKYkCQW+HF8x+7AqBJFkMcC20YTA==","signatures":[{"sig":"MEUCIHrdchiXVifkMSPbvB1dDS+2KTOxB5ZyEMR1USPi9tZqAiEAg6OWO4T9dAQBH/igGcuAiVoYXPb5axtyTTWCgJn7Bes=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10892851,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiO4jyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZvQ//XetfT5RhFIDoIpnANCDhMCjYRfRD0RbWWFKJbpD485eHJ2sA\r\nzXHRXQKPdnWlqhC1+KsvgpMhN/DZVSrLUTdXF2mGvzuMEjSWEeJ/fnMM8lgi\r\nbPjEWjVokTKIC7/azpnI2nE8JRXtoVNEJs526y11ZMuCeGORnqGP+7T8u+W/\r\nRTmB27dpeuc3FYLvKXDjSFEOCtUsadlu634DQKOo/KtG9x36stivDihBz+gf\r\nIblDEaZqO5uePy6Cp+ml5oLe5Tvni2Ib58w5AmCipEp7mC7eX0EDoOGFd+1a\r\nxTlvSEciaNMUwG3ti3ZUURThm29j/oxo2Wj/WukQwSnP2mMtPnzPJSm8bQHx\r\n1rQ+m2isN5aBCoHB37zMdmwz3AUlKibJ9RTLil9uUyqNHYLKGYlobiAWXCJd\r\nPhkRMX9LSnFiPQmJg/gyyxmeeu9LM8PsvOjaJVPxKZgvxYSNkSbVYR/dUaYs\r\nutb7d6Zsvk6AW/ATnNIIQAMQy6tRPOCpdY90Gk6cXSQO5ayfBDgZbjJbWvOQ\r\n3XuouUPUO665wkzhkKKGiPZnafO+LFPP1c7v/ZiH48dVdFRjDz41YwmiIbQj\r\nbjqs2ud3AyVxJiSJpI2YzFti9fZkx3SzVyIp558bT0m4yj3uZiwBMe4Mrj5b\r\nkJzXrJSAQJr1o6aVKCX5P+KBjsOtjoMuZ0Y=\r\n=9nFr\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"1. Copy the `widget-starter` folder and rename as needed\r 2. Create new components in [./src/components](./src/components) as new folders, for example [./src/components/sqh-my-component](./src/components/sqh-my-component)","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.0_1648068849944_0.23172876536034037","host":"s3://npm-registry-packages"}},"1.0.1-1":{"name":"@saasquatch-themes/8x8-components","version":"1.0.1-1","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.1-1","maintainers":[{"name":"ianhitchcock","email":"ianhitchcock@outlook.com"},{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"b6177548dc330a029712fcc72223e2b6cc5568be","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.1-1.tgz","fileCount":89,"integrity":"sha512-mJA2m+qGPBYKBIVvHxle8QfKBmcdsC8z26QWLYzPDjaWV8tpty7yAB51XdI+xQGVwI29Za7FgLbixffacgvuCw==","signatures":[{"sig":"MEYCIQDLNE4YVzIpCusSuZTk54JKSX9QswAkMr860pXUfUgOugIhAOb8eOYSpMDG5aRiwh1FNHwCQ02fOdF+9FoqP2mA73t+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10894576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijmGcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmop/w/7Bk2Ia4cv/7hUJrVHaPyKPrZBRVck22yhocRZsNDZBirl+7dJ\r\nLiWxQOQVilxBjTFGRrikYooCM2+yst454cWKWVLzFkBkf0ofnFnk34jxD0ZA\r\naHwLzkgP/E1+A0rXQnZ4URZvAs3+0QIfg7FhZRGCfam4Ldos+zssjW3Jc96g\r\nubYJ7dsQeoMeRSXCWB+SL35/i4CrDLlSNwzLAj+YGTuf8jPGFtnBdOBQopUO\r\nO0YiGcW5rmUs5Fl9lptYf03IVx2N5LBJuGl1E2qzhC2IaVULPQPmU/X/Opw5\r\nc15PfNSPRLFgZuITDUPy6kaMGM3rMi/2h9iN/WaI48HPObcw1FSzZMR5UK0M\r\nUkXZmNJQW4d61SR93E+t69uGbMaQE2tjM0js7K5DGVoAyJi0iHt17ue1eqT7\r\nXhPLhBJJSvvOwfjKFXGoXsEcglRwrfKZrSSbnAwMbmLwnMsi+KN+EhgSi/ia\r\nZVFh0URZr66Aeh1vGBVTiaD99zv3OFahNJyl5apQTHEAj8ppTTKq2ufxdK43\r\nJqgG5woXM9o2JdX+WZ0XFKdAmab/blreCbB4qtq1CeOIUTQYobTG59TUJ4T+\r\nLjJNCx1P78Ba3bNmDwR5ikMl7DZmkQRDUN+XaVVQG+u7SO6kp/BvpEV06I9q\r\nSAe3CRg1VrD7BOaXToXjetY/U1BhGxhCCms=\r\n=EI7K\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# 8x8 Custom Theme\n\nCustom Components for 8x8's referral program.\n\nComponents include:\n\n- \\<exe-how-it-works> How it works component, containing an image and an ordered list explaining how the program works\n- \\<exe-stencilbook> Stencilbook for all 8x8 components\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"8.5.0","description":"Custom Components for 8x8's referral program.","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"16.14.2","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@raisins/stencil-docs-target":"^0.2.10","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.1-1_1653498267806_0.9915856927538211","host":"s3://npm-registry-packages"}},"1.0.1-2":{"name":"@saasquatch-themes/8x8-components","version":"1.0.1-2","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.1-2","maintainers":[{"name":"ianhitchcock","email":"ianhitchcock@outlook.com"},{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"a9be6aa320fdc162c119c0a9640e1af8c2bb45b5","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.1-2.tgz","fileCount":89,"integrity":"sha512-l51hwpHGsSxXaVTx/G6Z9wE9y0aC6f67gCg2W7LhqLQ5HuXO5igQLp+flE739jtDo0xtFk2aRvopMq71ECGXWQ==","signatures":[{"sig":"MEUCIQC+jnerCAGZIXOG30zdHBvEnZAjtYTGzzAjQPLGlghcIgIgcX0abC3re7FMjeoPayaKjZQNRqmlRbivns7LmhbG5Ns=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10894611,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijoYhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqJw/9GdpqazK7qWRtjUQpu7XO5iFDJwaDweMm4I4MfFlDSQ5e6aaj\r\nBc5sZYG3neInRyRRTlNHoUjAgdOYgmVPRBcIxAGrgNn6D5Oc6RxTjJcdIXYj\r\njGrBoc7qVKsm82ATWRX7lgxscBINgJbWH4U3/pNos9/Q9veHFy4QaB2+h+hg\r\nm9IPxPi+xFP6Xkq3Q2gMjI1AXrrcMkP3HhvEktN/nA4wKfdeA0S0rvJTkJjQ\r\nUIauT2e+R/W7ltYYnIHeY285fRWp5ZtmxAgKt5iMMr8ayKRIryJJBtXclwdJ\r\nxS2lkeBdmI78dCv6Sw6K+MYaAE26hGudQY6wr+g8BBZhrtqxNpn2cDdxH29j\r\nU9d75xJKknNNq/THi7VaHm/bY8nGaCeKAvMkWXVwYEZTykvhiP2As9EHmpp0\r\n8Si+RymvPsAbFGTsXSe10BiqbML1yRHpH2wwQ3ETkE76r80T9SfOzm3v8v43\r\nieKyiG1HX1EwjfOSmx5st8ZygAPK4JGT98aLQR0h5IPShH9Xa3mGpjbprfU2\r\nDfF2Pvt9bn9CgQXFHBVENYpsIY2kF336V63HqVxDIPvW6TL7c9nMhj1eTVRm\r\naO2X7qtIQ87bKkwBETbxmFd3YE7vfqpvGfjuoIE0aQk3Ila6GtMCzPpQc76j\r\nPmx6W3w5oI9HzJ9zDXttODIdBxkv4lQ0GIY=\r\n=AMMB\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# 8x8 Custom Theme\n\nCustom Components for 8x8's referral program.\n\nComponents include:\n\n- \\<exe-how-it-works> How it works component, containing an image and an ordered list explaining how the program works\n- \\<exe-stencilbook> Stencilbook for all 8x8 components\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","raisins":"docs/raisins.json","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"8.5.0","description":"Custom Components for 8x8's referral program.","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"16.14.2","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@raisins/stencil-docs-target":"^0.2.10","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.1-2_1653507616806_0.008301636601788065","host":"s3://npm-registry-packages"}},"1.0.1-3":{"name":"@saasquatch-themes/8x8-components","version":"1.0.1-3","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.1-3","maintainers":[{"name":"ianhitchcock","email":"ianhitchcock@outlook.com"},{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"35ab47a5d5eba58b9929fae70a293744b8fc2953","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.1-3.tgz","fileCount":90,"integrity":"sha512-1LxQJOYA80bQJW+0CAcZy6fQXKkkrdhXMCvcihuwAUPnPc96/AitZDO04px7lAMwQOC7Ns3nLKEqoEZMj7o6PQ==","signatures":[{"sig":"MEUCIESnI2FtVPmNyIVCljWYUCoIeSTLADMb5hezmXJuLPlaAiEA2lN4PAAnca3oGDohxZSvOFn6f7ZwCOgiQEF1ixoSCQ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10901506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJikTbRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqppg//WztzY0I3k3SzsADI/uyfVqAyeii6ZJgjAkLmbJcrG+3FUVnq\r\n/N6XXCzwRfjTIWwhrYAjcatmTv80lYAcoE3DzqYUiQDyutZI1t07olK2VueE\r\ncusbPo0pJ1aEoNUjriOxfzLuS6U82zCLO0kYulhjQ1J7n+X26sJhsxDH/60j\r\nd6ZXn93fV7kfuQAUFZJYFnXXQa/IzsUYHho63wqdQ4cBWFBtlBe/GqVNXJGA\r\nc12nUbY5bXglrobt5sFp4njeNJGOV5fFsLVPn3L54KRqad/W33mKB2yuDw0x\r\nH4U1AbevbVZSA4thBg5vCxVY7hEzHvAgsSJrF1825pgCpcdjIaX23A2Skeaw\r\nZhKW08cpDxWETnW+9KbZkCRKmNTPf7hoa0Mg63+Sxsa/elMiqSQPTl51aO0O\r\neQ78tfa4f6pmeR99jAf4T6x+tY+pC/FJ82PTcyTfh4tJ4cg5mxS/kl1FbBUB\r\nq3Oa3MpLsA0T/4xMyFXNBE3N5crstIpHzXnaZGS2qrCeP3a3MYmhHQUM+P7d\r\nVamPlzyOOiKsNu3tW3NYUr2LbERCC8mQpcdeaUqygUnaFWQX3JYT52gnoIad\r\nTRvgsZytk/gXxaU1TNv5VUtTWuWy4rzlQqaTMVjhof+HjbAOru2u2fIoTU8p\r\nsyLbbhYEOdJ17UdWefnwJZF3Gf0IfV0wD5U=\r\n=TRPw\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","readme":"# 8x8 Custom Theme\r\n\r\nCustom Components for 8x8's referral program.\r\n\r\nComponents include:\r\n\r\n- \\<exe-how-it-works> How it works component, containing an image and an ordered list explaining how the program works\r\n- \\<exe-stencilbook> Stencilbook for all 8x8 components\r\n","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","raisins":"docs/raisins.json","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"Custom Components for 8x8's referral program.","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@raisins/stencil-docs-target":"^0.2.10","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.1-3_1653683921670_0.17015609687702749","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@saasquatch-themes/8x8-components","version":"1.0.1","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.1","maintainers":[{"name":"ianhitchcock","email":"ianhitchcock@outlook.com"},{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"b9f5e228e6186b035f86bd984dde0fa389de8543","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.1.tgz","fileCount":89,"integrity":"sha512-w5XiGSmp5JiA6I3dGPNUeIBxJrDRT+PsPXeg5DLhcdamBtfhnUZc+lYeRv+Idv63Z3nDejvmBRCJe30OroyI/A==","signatures":[{"sig":"MEQCIGZwITFOaSpkftITNkEdG07pSvL1PQ9D/xVA8rm/+zN0AiALJxj1hbrhXcCvGlv8jAA9Maw/x1IcGcSolFgDI6RAAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10901449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJimUnHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofqA/+J0NjAGCyfiWj6kTem4BTncpKfEqlZ5Pdz2j4bZoDxSoeG+gZ\r\nsNroJLrRrKQfW3fnMw34C7GFk05m6nSY3TUbxw85taM4sj9K4mPaNEh34G+L\r\niuEBozDcek5yhTlxiq0qVKtBQzo55lZQkoY9aoWPupnnvZ9cEdFiZwabpTSH\r\nnAMIDEfbVWgpaT96jZt1dpqIBYHM/wLSI7zh8aK30hh/PwiLepJ1MeQIW2n+\r\nOw2nHUAa4C73++nzomOW2YXHrnWDgnGu4aPSI/O7+b9qWXuF3aVDQBl5Qitu\r\nBBDlUvc1E5qR2vfShXF2bDdTFTASu0ATv7+zJopxC2lFW/J+d5fko84TNWKI\r\nTIzZ6/Lnlz2JElO075QEphtgbJDLb7wpVm1LmTFwr0N+IY7dvKqn17BODwAT\r\n93dQSL+VO1FIDGsG8OlvOsu7dubwmYazKiMovgMvqP70scrk1LnI1ZS4rOSJ\r\naouF58Ps8+AM8e+hBg7WZ1N62mUkgyAU4xlP9wioZ5flF45h6J4b3WBYgNjw\r\n4ReGEa1ZegnEGZNN791DMu3StNDh8O0d+b2O8pc0+zlanuGNS2O5NyXUzJwP\r\ngFzu3pkM1dYL+xgAJBGt/Tborrf39GwZjlJNuWm7BDX36S9d4roo9o8HwH59\r\n0eBTEWAkutDAKHhkfjK4+E9Ale8IuQRQpJo=\r\n=1mBB\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","raisins":"docs/raisins.json","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"Custom Components for 8x8's referral program.","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@raisins/stencil-docs-target":"^0.2.10","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.1_1654213062880_0.3901135578338828","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@saasquatch-themes/8x8-components","version":"1.0.2","author":{"name":"SaaSquatch Team"},"license":"MIT","_id":"@saasquatch-themes/8x8-components@1.0.2","maintainers":[{"name":"ianhitchcock","email":"ianhitchcock@outlook.com"},{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"2e6515cdb88c1d6d86a89368b15d13795f221dab","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.2.tgz","fileCount":90,"integrity":"sha512-CeYPIv0of90RXrvxWOZkcq+E8S52sTNvf0dho5UqTWWXHVme1VXu0vXJLSWRMU8clWQVVb8moaWkLBO3wiR5DA==","signatures":[{"sig":"MEYCIQDWpr9/tYUXL5a8q7mNQvDlSuDQX6l2rdNYTuooFf36ywIhAN8FnyuZh1BXdypN4AgKKwR8E+Z/pRpHGOlHPVReObAw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10901849,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin7bgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+NBAAhhC5nV0F4CbT3uOAVr4Rt/c9cZ6lvTXAfiskCK1NoauVT4A1\r\nmZ5ysvEQyE+Fo99ZJp5bvEitB6QV9oyNMY//4wFzZc2zQpc2MBnICK0xhNpE\r\nhhKNOV5VMyqPDKy8n2qkPY7HSUy9pMXSQFACBB9+IiSiYo1n0EJ2PXptZK/t\r\nVsawjDBx8bVqZulOkL0x5apMGm9Ts8hjNPtZ30mGBXEs/GUtZJB1htq4kC9v\r\nJ3DcMH0yOEqeW1TjIiP6iNethafrhQezpw8r+3er0VlIdUvJArynGeCoT1Un\r\nGPsoI2xPh31Y75NUh0PcPs3HV7ClmCSEzlbbmcAqrOpS/W3DMrTxPpMcULI0\r\nzd2qgxi9A56qg0qx+B6kV0V6isMVufV5lqWd0tmjQqz4V31J2PkGOW8jFRLP\r\nwjZ/7IbDDlULmFXVt3kBBM0EL0aJ/fIoManO9mXglB6yCo11kWTgObgtsjZD\r\nlWTBvv2A36BUtfLSrl3+bUtTE8XZm9XC0ONA+EimBhnCDgE7ua24jdkgNzYk\r\ni6G5KVA43/1ATsr+v6Uj0VVx5H5yomcK1lNMP24IHvKR8KTAXxX087idaphs\r\nmXQUgivD17DrZnaLMVZCoBLpKuII9TQo613OAdHNuVtsrxH6903VVfk7zlmh\r\nUv2ht9E+fO/xLQFKCi/nu9hfA/SK2HHnx3Q=\r\n=NIK9\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","raisins":"docs/raisins.json","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"6.14.13","description":"Custom Components for 8x8's referral program.","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"14.17.3","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@raisins/stencil-docs-target":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.2_1654634208464_0.593574622795336","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@saasquatch-themes/8x8-components","version":"1.0.3","author":{"name":"ReferralSaaSquatch.com, Inc."},"license":"SEE LICENSE IN LICENSE","_id":"@saasquatch-themes/8x8-components@1.0.3","maintainers":[{"name":"ianhitchcock","email":"ianhitchcock@outlook.com"},{"name":"00salmon","email":"sam.beveridge@referralsaasquatch.com"},{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},{"name":"dereksiemens","email":"derekgsiemens@gmail.com"},{"name":"zachharrison","email":"zach.harrison@referralsaasquatch.com"},{"name":"logvol","email":"logan@saasquat.ch"},{"name":"locrian","email":"locrian24@gmail.com"},{"name":"johanventer","email":"johan.venter@referralsaasquatch.com"}],"homepage":"https://github.com/saasquatch/freshest-themes","bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"dist":{"shasum":"e92106ccfeac388d5c8072fc221cf7f15c23af48","tarball":"https://registry.npmjs.org/@saasquatch-themes/8x8-components/-/8x8-components-1.0.3.tgz","fileCount":89,"integrity":"sha512-/ktg3SOO6udXKpcFgtljDW7ZLI4qaWqiPpMsY4yIuBCHPhEtca5B5GlcwLHuIkBsCCFsItJfD+s7xs3He6QKsA==","signatures":[{"sig":"MEUCIBgvq1SycBI5tZZYRD3hQ16uNKp/ifV+Ts0aPEXt/WvvAiEAy2ggSkMOsgxBHUgjKGZ2TiJqFh28MxRXR4lR75WfmTs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10899301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQw+UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQiw//dig8iZggqeWoy9z6sMTdDWVyfb9oCpOg8WeSrPJPRK0eFCin\r\nGMRZ0m+w7YKYQo+oJcQrt4dfaY2Ui/drPxOIjmVWI2tLtIpliMcubEinNphk\r\nXdNinIOiQnW40AcSZkFqCG8aNSb7xDdcnr3r40oH0xDlKQvXFueTixEDUe5e\r\nYK0ECDk/Z3maEVvhL96hEl3sgVILZCJLplynDgf3avukjU5rJVGumc+UYdvd\r\n4WkKvnfdGZJzFfADJDZEWDRxnf9k3sTvmdOiG1Tb9bpUN1fBs7o+Whi/aC3L\r\nzfh2tWGQzxLoeFjNzQHgOZqZowRRyXrwc9fQ7cnSro9oMgLJ+8hhbwxHXUZF\r\nUxZOXR16xAzHbsayTPtrCwGdnfg7dJVlm0Ad/pxrmZZNMlPejV9Dsza7PHZ4\r\nVNu95EqyiwE2qfZfO3gHDkwNO/AY42A9dnW7osAa+mpEngamWPZQFnHm2Hx3\r\nRZAz08xWL+J9dqRVaLINoCMtm/9MjuoFkrRAhsmzQockUGhBR77dbqwslMb7\r\nYHXn569RkVYHluYTGHfsiKYtLpb2bNbTJDhM6uR1sx9GwySl91aWsahQtVcY\r\nMPnjVVClTepcMSqYietXNd2QJnldABiIa3h0e4Y1cDRFt0RJp+cyJ21r/Ac8\r\n0IIxBd2DAuC+zw82RhI+MY7x4gqxUcOrsKo=\r\n=AH2k\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$","transform":{"^.+\\.(ts|tsx)$":"<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"},"moduleFileExtensions":["ts","tsx","js","json","jsx"]},"main":"dist/index.cjs.js","types":"dist/types/components.d.ts","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","module":"dist/index.js","gitHead":"582bd4b44cc76ca36433790ac8ae4b1329ae5b77","raisins":"docs/raisins.json","scripts":{"test":"stencil test --spec","build":"stencil build --docs","specs":"picklesdoc xlsx src docs --testers=2","start":"cross-env NODE_ENV=dev stencil build --dev --watch --serve","generate":"stencil generate","build:dev":"cross-env NODE_ENV=dev stencil build --docs","test.watch":"stencil test --spec --watchAll","build:grapes":"cross-env BUILD=DOCS stencil build --watch --docs","serve:grapes":"npx http-server . --cors -c-1 -p 8081"},"_npmUser":{"name":"squatch-noahwc","email":"noah.clarke@referralsaasquatch.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"_npmVersion":"8.11.0","description":"Custom Components for 8x8's referral program.","directories":{},"jsnext:main":"dist/esm/index.js","_nodeVersion":"16.16.0","dependencies":{"jss":"^10.7.1","deepmerge":"^4.2.2","picklesdoc":"^1.1.1","highlight.js":"^10.7.2","@stencil/helmet":"^0.3.2","graphql-request":"^3.1.0","jss-preset-default":"^10.7.1","@saasquatch/stencilbook":"1.0.0","@shoelace-style/shoelace":"2.0.0-beta.32","@saasquatch/stencil-hooks":"^2.0.2","@saasquatch/universal-hooks":"^1.0.0","@raisins/stencil-docs-target":"^1.0.0","@saasquatch/dom-context-hooks":"^1.0.1-3","@saasquatch/component-boilerplate":"^1.3.0","@saasquatch/stencil-grapes-plugin":"^1.0.0"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"docx":"^5.4.1","uuid":"^3.3.2","emotion":"^9.2.6","graphql":"^15.5.0","clipboard":"^1.7.1","cross-env":"^7.0.2","@types/node":"^14.14.35","dom-context":"^1.2.0","@types/debug":"^4.1.5","@stencil/core":"^2.4.0","@stencil/sass":"^1.3.2","@formatjs/intl":"^1.8.4","@types/graphql":"^0.13.3","@stencil/router":"^1.0.1","@types/debounce":"^1.2.0","@types/clipboard":"^1.5.36","stencil-docx-docs":"0.0.2","rollup-plugin-copy":"^3.4.0","@formatjs/intl-utils":"^2.2.5","@rollup/plugin-alias":"^3.1.2","rollup-plugin-string":"^3.0.0","@lit/reactive-element":"^1.0.0-rc.2","rollup-plugin-css-only":"^3.1.0","@formatjs/intl-pluralrules":"^1.5.8","@types/resize-observer-browser":"^0.1.5","@formatjs/intl-relativetimeformat":"^4.5.15"},"_npmOperationalInternal":{"tmp":"tmp/8x8-components_1.0.3_1682116500377_0.5826248810690737","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-03-03T01:26:14.791Z","modified":"2026-05-07T17:57:25.733Z","1.0.0-0":"2022-03-03T01:26:15.039Z","1.0.0-1":"2022-03-03T02:02:13.810Z","1.0.0-2":"2022-03-05T00:40:07.824Z","1.0.0-3":"2022-03-07T23:52:28.737Z","1.0.0-4":"2022-03-07T23:57:37.411Z","1.0.0-5":"2022-03-08T21:09:43.936Z","1.0.0-6":"2022-03-09T16:05:39.800Z","1.0.0-7":"2022-03-09T16:29:36.412Z","1.0.0-8":"2022-03-09T16:41:24.362Z","1.0.0-9":"2022-03-09T16:49:43.814Z","1.0.0-10":"2022-03-09T23:02:53.997Z","1.0.0-11":"2022-03-10T22:47:15.152Z","1.0.0-12":"2022-03-11T00:21:12.418Z","1.0.0-13":"2022-03-14T22:18:52.897Z","1.0.0-14":"2022-03-14T22:26:56.376Z","1.0.0":"2022-03-23T20:54:10.226Z","1.0.1-1":"2022-05-25T17:04:28.069Z","1.0.1-2":"2022-05-25T19:40:17.031Z","1.0.1-3":"2022-05-27T20:38:41.931Z","1.0.1":"2022-06-02T23:37:43.199Z","1.0.2":"2022-06-07T20:36:48.699Z","1.0.3":"2023-04-21T22:35:00.688Z"},"bugs":{"url":"https://github.com/saasquatch/freshest-themes"},"author":{"name":"ReferralSaaSquatch.com, Inc."},"license":"SEE LICENSE IN LICENSE","homepage":"https://github.com/saasquatch/freshest-themes","repository":{"url":"git+https://github.com/saasquatch/freshest-themes.git","type":"git","directory":"custom-widgets/8x8"},"description":"Custom Components for 8x8's referral program.","maintainers":[{"email":"noah.clarke@referralsaasquatch.com","name":"squatch-noahwc"},{"email":"derekgsiemens@gmail.com","name":"dereksiemens"},{"email":"logan@saasquat.ch","name":"logvol"},{"email":"locrian24@gmail.com","name":"locrian"},{"email":"johan.venter@referralsaasquatch.com","name":"johanventer"},{"email":"ianhitchcock@outlook.com","name":"ianhitchcock"},{"email":"sam.beveridge@impact.com","name":"00salmon"}],"readme":"# 8x8 Custom Theme\n\nCustom Components for 8x8's referral program.\n\nComponents include:\n\n- \\<exe-how-it-works> How it works component, containing an image and an ordered list explaining how the program works\n- \\<exe-stencilbook> Stencilbook for all 8x8 components\n","readmeFilename":"README.md"}