npm - freemium-survey-components - Versions diffs - 2.0.4 → 2.0.6 - Mend

freemium-survey-components 2.0.4 → 2.0.6

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

Files changed (670) hide show

package/storybook-static/static/css/stories-Matrix-stories.1445ea3a.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/stories-Matrix-stories.1445ea3a.chunk.css","mappings":"AAAA;ACAA","sources":["webpack://freemium-survey-components/./src/survey/meta-channel-preview/style.scss","webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg');\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n // ::-webkit-scrollbar {\n // height: initial;\n // width: 6px;\n // }\n // ::-webkit-scrollbar-track {\n // background: transparent !important;\n // }\n // ::-webkit-scrollbar-thumb {\n // border-radius: 5px;\n // background: rgba(216, 216, 216, 0.7) !important;\n // }\n // scrollbar-color: rgba(216, 216, 216, 0.7) transparent !important;\n\n &.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg');\n\n .msg-container {\n position: relative;\n }\n .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n &:before {\n content: '';\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n }\n .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n }\n &.one-line {\n .range-choice,\n .choice {\n flex-grow: 0;\n }\n }\n }\n .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n\n footer,\n header {\n display: none;\n }\n main {\n display: flex;\n padding: 0;\n .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n button {\n color: var(--message-color);\n display: flex;\n }\n }\n }\n }\n .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n svg {\n display: none;\n }\n }\n .question-text-container {\n box-shadow: none;\n }\n\n &.active {\n margin-bottom: 40px;\n .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n .choice {\n button {\n white-space: nowrap;\n }\n }\n &.multi-choice {\n padding-bottom: 0;\n &::before {\n content: none;\n }\n }\n }\n }\n }\n .textarea-container {\n background: #fff;\n margin-right: 23px;\n textarea {\n background: #e8e8e8;\n border-radius: 18px;\n }\n }\n .answers {\n box-shadow: none;\n }\n }\n\n .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n }\n\n .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 12px;\n overflow: scroll;\n }\n .question-text.required::after {\n content: '*';\n color: rgb(215, 45, 48);\n margin-left: 4px;\n }\n .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n p {\n text-align: left;\n }\n a {\n color: var(--link-color);\n text-decoration: underline;\n }\n }\n .question-container {\n margin-right: var(--message-margin);\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n }\n &.active {\n pointer-events: initial;\n .choice {\n color: var(--message-color);\n button {\n color: var(--message-color);\n }\n svg:not(#star) {\n fill: var(--message-color);\n }\n }\n &.open-modal {\n margin-bottom: 45px;\n }\n }\n &#new {\n margin-bottom: 10px;\n }\n }\n .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n }\n .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n .reply-block {\n background: rgba(0, 0, 0, 8%);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n }\n }\n &:empty {\n display: none;\n }\n .answer-text {\n display: flex;\n align-items: center;\n span {\n white-space: nowrap;\n }\n }\n }\n .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgb(0 0 0 / 6%);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n }\n .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n }\n .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n }\n .option-row {\n padding-bottom: 16px;\n button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n span {\n white-space: nowrap;\n margin-left: 5px;\n }\n }\n }\n header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n }\n main {\n padding: 0 8px;\n }\n .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n }\n .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: 12px;\n }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n &.multi-choice {\n .choice {\n button {\n white-space: normal;\n }\n }\n }\n &.one-line {\n flex-direction: row;\n .range-choice,\n .choice {\n flex-grow: 1;\n }\n }\n }\n .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n }\n svg:not(#star) {\n fill: var(--message-disabled-color);\n }\n }\n .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n h4 {\n margin: 0 auto;\n font-weight: 500;\n }\n footer {\n color: #979797;\n font-size: 0.8em;\n text-align: center;\n padding: 12px 0;\n }\n button {\n background: transparent;\n border: 0;\n cursor: pointer;\n }\n .textarea-container {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n }\n textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n &:focus {\n outline: none;\n }\n &::placeholder {\n line-height: 16px;\n padding-left: 2px;\n }\n }\n}\n",".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/stories-McqMultiple-stories.1445ea3a.chunk.css ADDED Viewed

@@ -0,0 +1,4 @@
+.whatsapp-container{--message-margin: 40px;--message-border: 6px;--message-bg: #fff;--message-color: #0096de;--message-disabled-color: #aaa;--answers-bg: #d3ffc8;--answers-color: #000;--answers-radius: 6px;display:flex;flex-direction:column;overflow:hidden;font-size:var(--fsc-font-size);position:relative;width:340px;height:574px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");background-repeat:no-repeat;background-size:contain;margin:0 auto}.whatsapp-container.instagram{--message-bg: none;--answers-bg: #4d5bff;--answers-color: #fff;--answers-radius: 21px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg")}.whatsapp-container.instagram .msg-container{position:relative}.whatsapp-container.instagram .choices{display:none;flex-direction:row;position:absolute;bottom:0;margin-right:0;width:93%}.whatsapp-container.instagram .choices:before{content:"";display:block;width:100%;position:absolute;top:0px;border-top:1px solid #e8e8e8}.whatsapp-container.instagram .choices .choice{border:1px solid #0584fe;border-radius:50px;color:#0584fe;box-shadow:none}.whatsapp-container.instagram .choices.one-line .range-choice,.whatsapp-container.instagram .choices.one-line .choice{flex-grow:0}.whatsapp-container.instagram .question-container{background:#efefef;padding:2px;border-radius:21px}.whatsapp-container.instagram .question-container .options-popup{display:flex;overflow:auto;flex-direction:row;padding:5px 0px 2px;box-shadow:none;border-top:1px solid #e8e8e8;border-radius:0;left:7px;min-height:50px;bottom:0px}.whatsapp-container.instagram .question-container .options-popup footer,.whatsapp-container.instagram .question-container .options-popup header{display:none}.whatsapp-container.instagram .question-container .options-popup main{display:flex;padding:0}.whatsapp-container.instagram .question-container .options-popup main .option-row{border:1px solid #0584fe;border-radius:50px;margin:5px;padding:5px 10px}.whatsapp-container.instagram .question-container .options-popup main .option-row button{color:var(--message-color);display:flex}.whatsapp-container.instagram .question-container .choices-button.choice{font-weight:700;font-size:13.4838px;line-height:16px;letter-spacing:-0.03em;color:#333;border:none;width:auto;padding:8px;border-radius:10px;margin:5px 10px 10px;box-shadow:none}.whatsapp-container.instagram .question-container .choices-button.choice svg{display:none}.whatsapp-container.instagram .question-container .question-text-container{box-shadow:none}.whatsapp-container.instagram .question-container.active{margin-bottom:40px}.whatsapp-container.instagram .question-container.active .choices{display:flex;overflow:auto;padding-top:10px;background:#fff}.whatsapp-container.instagram .question-container.active .choices .choice button{white-space:nowrap}.whatsapp-container.instagram .question-container.active .choices.multi-choice{padding-bottom:0}.whatsapp-container.instagram .question-container.active .choices.multi-choice::before{content:none}.whatsapp-container.instagram .textarea-container{background:#fff;margin-right:23px}.whatsapp-container.instagram .textarea-container textarea{background:#e8e8e8;border-radius:18px}.whatsapp-container.instagram .answers{box-shadow:none}.whatsapp-container .msg-container{margin-top:80px;margin-left:18px;margin-right:20px;flex-grow:1;padding:8px;overflow:hidden;display:flex}.whatsapp-container .scroll-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:12px;overflow:scroll}.whatsapp-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.whatsapp-container .question-text{font-size:16px;line-height:18px;padding:12px;background-color:var(--message-bg);border-radius:var(--message-border)}.whatsapp-container .question-text p{text-align:left}.whatsapp-container .question-text a{color:var(--link-color);text-decoration:underline}.whatsapp-container .question-container{margin-right:var(--message-margin);gap:2px;display:flex;flex-direction:column;pointer-events:none;text-align:left}.whatsapp-container .question-container .question-text-container{box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .question-container.active{pointer-events:initial}.whatsapp-container .question-container.active .choice{color:var(--message-color)}.whatsapp-container .question-container.active .choice button{color:var(--message-color)}.whatsapp-container .question-container.active .choice svg:not(#star){fill:var(--message-color)}.whatsapp-container .question-container.active.open-modal{margin-bottom:45px}.whatsapp-container .question-container#new{margin-bottom:10px}.whatsapp-container .answers-container{width:100%;display:flex;justify-content:end;text-align:left}.whatsapp-container .answers{background:var(--answers-bg);margin-left:var(--message-margin);border-radius:var(--answers-radius);color:var(--answers-color);padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;font-size:16px;box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .answers .reply-block{background:rgba(0,0,0,.08);margin:-6px -6px 4px;padding:5px 8px;border-radius:6px;border-left:3px solid #2c5cc5}.whatsapp-container .answers .reply-block .user{color:#2c5cc5;font-weight:600;margin-bottom:3px}.whatsapp-container .answers:empty{display:none}.whatsapp-container .answers .answer-text{display:flex;align-items:center}.whatsapp-container .answers .answer-text span{white-space:nowrap}.whatsapp-container .options-popup{position:absolute;z-index:1;border-radius:12px 12px 30px 30px;background-color:#fff;box-shadow:0px -10px 10px rgba(0,0,0,.06);padding:12px 8px;bottom:15px;left:18px;right:22px;transform:translateY(80px);transition:all linear .3s;opacity:0}.whatsapp-container .fade-enter-active{transform:translateY(0px);opacity:1}.whatsapp-container .fade-enter-done{transform:translateY(0px);opacity:1}.whatsapp-container .fade-exit-active{opacity:0;transform:translateY(80px)}.whatsapp-container .fade-exit-done{opacity:0;transform:translateY(80px)}.whatsapp-container .option-row{padding-bottom:16px}.whatsapp-container .option-row button{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.whatsapp-container .option-row button span{white-space:nowrap;margin-left:5px}.whatsapp-container header{text-align:center;display:flex;align-items:center;padding-bottom:20px;position:relative}.whatsapp-container main{padding:0 8px}.whatsapp-container .close{background:rgba(0,0,0,0);border:none;width:32px;height:32px;position:absolute}.whatsapp-container .choices-button{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.whatsapp-container .choices{display:flex;flex-direction:column;gap:2px;list-style-type:none;padding-bottom:5px}.whatsapp-container .choices.multi-choice .choice button{white-space:normal}.whatsapp-container .choices.one-line{flex-direction:row}.whatsapp-container .choices.one-line .range-choice,.whatsapp-container .choices.one-line .choice{flex-grow:1}.whatsapp-container .choice{background-color:var(--message-bg);padding:8px 12px;border-radius:var(--message-border);text-align:center;color:var(--message-disabled-color);box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .choice button{color:var(--message-disabled-color);display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap}.whatsapp-container .choice svg:not(#star){fill:var(--message-disabled-color)}.whatsapp-container .range-choice{padding-top:4px;padding-bottom:4px}.whatsapp-container h4{margin:0 auto;font-weight:500}.whatsapp-container footer{color:#979797;font-size:.8em;text-align:center;padding:12px 0}.whatsapp-container button{background:rgba(0,0,0,0);border:0;cursor:pointer}.whatsapp-container .textarea-container{display:flex;gap:8px;margin-left:12px;margin-right:16px;margin-bottom:26px;margin-top:10px;margin:0 21px 15px 18px;padding:10px 12px;align-items:end;background:#f6f6f6;border-radius:0 0 30px 30px}.whatsapp-container textarea{resize:none;min-height:40px;max-height:100px;border-radius:20px;padding:12px;resize:none;border:none;width:100%}.whatsapp-container textarea:focus{outline:none}.whatsapp-container textarea::placeholder{line-height:16px;padding-left:2px}
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=stories-McqMultiple-stories.1445ea3a.chunk.css.map*/

package/storybook-static/static/css/stories-McqMultiple-stories.1445ea3a.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/stories-McqMultiple-stories.1445ea3a.chunk.css","mappings":"AAAA;ACAA","sources":["webpack://freemium-survey-components/./src/survey/meta-channel-preview/style.scss","webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg');\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n // ::-webkit-scrollbar {\n // height: initial;\n // width: 6px;\n // }\n // ::-webkit-scrollbar-track {\n // background: transparent !important;\n // }\n // ::-webkit-scrollbar-thumb {\n // border-radius: 5px;\n // background: rgba(216, 216, 216, 0.7) !important;\n // }\n // scrollbar-color: rgba(216, 216, 216, 0.7) transparent !important;\n\n &.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg');\n\n .msg-container {\n position: relative;\n }\n .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n &:before {\n content: '';\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n }\n .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n }\n &.one-line {\n .range-choice,\n .choice {\n flex-grow: 0;\n }\n }\n }\n .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n\n footer,\n header {\n display: none;\n }\n main {\n display: flex;\n padding: 0;\n .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n button {\n color: var(--message-color);\n display: flex;\n }\n }\n }\n }\n .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n svg {\n display: none;\n }\n }\n .question-text-container {\n box-shadow: none;\n }\n\n &.active {\n margin-bottom: 40px;\n .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n .choice {\n button {\n white-space: nowrap;\n }\n }\n &.multi-choice {\n padding-bottom: 0;\n &::before {\n content: none;\n }\n }\n }\n }\n }\n .textarea-container {\n background: #fff;\n margin-right: 23px;\n textarea {\n background: #e8e8e8;\n border-radius: 18px;\n }\n }\n .answers {\n box-shadow: none;\n }\n }\n\n .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n }\n\n .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 12px;\n overflow: scroll;\n }\n .question-text.required::after {\n content: '*';\n color: rgb(215, 45, 48);\n margin-left: 4px;\n }\n .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n p {\n text-align: left;\n }\n a {\n color: var(--link-color);\n text-decoration: underline;\n }\n }\n .question-container {\n margin-right: var(--message-margin);\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n }\n &.active {\n pointer-events: initial;\n .choice {\n color: var(--message-color);\n button {\n color: var(--message-color);\n }\n svg:not(#star) {\n fill: var(--message-color);\n }\n }\n &.open-modal {\n margin-bottom: 45px;\n }\n }\n &#new {\n margin-bottom: 10px;\n }\n }\n .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n }\n .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n .reply-block {\n background: rgba(0, 0, 0, 8%);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n }\n }\n &:empty {\n display: none;\n }\n .answer-text {\n display: flex;\n align-items: center;\n span {\n white-space: nowrap;\n }\n }\n }\n .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgb(0 0 0 / 6%);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n }\n .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n }\n .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n }\n .option-row {\n padding-bottom: 16px;\n button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n span {\n white-space: nowrap;\n margin-left: 5px;\n }\n }\n }\n header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n }\n main {\n padding: 0 8px;\n }\n .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n }\n .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: 12px;\n }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n &.multi-choice {\n .choice {\n button {\n white-space: normal;\n }\n }\n }\n &.one-line {\n flex-direction: row;\n .range-choice,\n .choice {\n flex-grow: 1;\n }\n }\n }\n .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n }\n svg:not(#star) {\n fill: var(--message-disabled-color);\n }\n }\n .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n h4 {\n margin: 0 auto;\n font-weight: 500;\n }\n footer {\n color: #979797;\n font-size: 0.8em;\n text-align: center;\n padding: 12px 0;\n }\n button {\n background: transparent;\n border: 0;\n cursor: pointer;\n }\n .textarea-container {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n }\n textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n &:focus {\n outline: none;\n }\n &::placeholder {\n line-height: 16px;\n padding-left: 2px;\n }\n }\n}\n",".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/stories-McqSingle-stories.1445ea3a.chunk.css ADDED Viewed

@@ -0,0 +1,4 @@
+.whatsapp-container{--message-margin: 40px;--message-border: 6px;--message-bg: #fff;--message-color: #0096de;--message-disabled-color: #aaa;--answers-bg: #d3ffc8;--answers-color: #000;--answers-radius: 6px;display:flex;flex-direction:column;overflow:hidden;font-size:var(--fsc-font-size);position:relative;width:340px;height:574px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");background-repeat:no-repeat;background-size:contain;margin:0 auto}.whatsapp-container.instagram{--message-bg: none;--answers-bg: #4d5bff;--answers-color: #fff;--answers-radius: 21px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg")}.whatsapp-container.instagram .msg-container{position:relative}.whatsapp-container.instagram .choices{display:none;flex-direction:row;position:absolute;bottom:0;margin-right:0;width:93%}.whatsapp-container.instagram .choices:before{content:"";display:block;width:100%;position:absolute;top:0px;border-top:1px solid #e8e8e8}.whatsapp-container.instagram .choices .choice{border:1px solid #0584fe;border-radius:50px;color:#0584fe;box-shadow:none}.whatsapp-container.instagram .choices.one-line .range-choice,.whatsapp-container.instagram .choices.one-line .choice{flex-grow:0}.whatsapp-container.instagram .question-container{background:#efefef;padding:2px;border-radius:21px}.whatsapp-container.instagram .question-container .options-popup{display:flex;overflow:auto;flex-direction:row;padding:5px 0px 2px;box-shadow:none;border-top:1px solid #e8e8e8;border-radius:0;left:7px;min-height:50px;bottom:0px}.whatsapp-container.instagram .question-container .options-popup footer,.whatsapp-container.instagram .question-container .options-popup header{display:none}.whatsapp-container.instagram .question-container .options-popup main{display:flex;padding:0}.whatsapp-container.instagram .question-container .options-popup main .option-row{border:1px solid #0584fe;border-radius:50px;margin:5px;padding:5px 10px}.whatsapp-container.instagram .question-container .options-popup main .option-row button{color:var(--message-color);display:flex}.whatsapp-container.instagram .question-container .choices-button.choice{font-weight:700;font-size:13.4838px;line-height:16px;letter-spacing:-0.03em;color:#333;border:none;width:auto;padding:8px;border-radius:10px;margin:5px 10px 10px;box-shadow:none}.whatsapp-container.instagram .question-container .choices-button.choice svg{display:none}.whatsapp-container.instagram .question-container .question-text-container{box-shadow:none}.whatsapp-container.instagram .question-container.active{margin-bottom:40px}.whatsapp-container.instagram .question-container.active .choices{display:flex;overflow:auto;padding-top:10px;background:#fff}.whatsapp-container.instagram .question-container.active .choices .choice button{white-space:nowrap}.whatsapp-container.instagram .question-container.active .choices.multi-choice{padding-bottom:0}.whatsapp-container.instagram .question-container.active .choices.multi-choice::before{content:none}.whatsapp-container.instagram .textarea-container{background:#fff;margin-right:23px}.whatsapp-container.instagram .textarea-container textarea{background:#e8e8e8;border-radius:18px}.whatsapp-container.instagram .answers{box-shadow:none}.whatsapp-container .msg-container{margin-top:80px;margin-left:18px;margin-right:20px;flex-grow:1;padding:8px;overflow:hidden;display:flex}.whatsapp-container .scroll-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:12px;overflow:scroll}.whatsapp-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.whatsapp-container .question-text{font-size:16px;line-height:18px;padding:12px;background-color:var(--message-bg);border-radius:var(--message-border)}.whatsapp-container .question-text p{text-align:left}.whatsapp-container .question-text a{color:var(--link-color);text-decoration:underline}.whatsapp-container .question-container{margin-right:var(--message-margin);gap:2px;display:flex;flex-direction:column;pointer-events:none;text-align:left}.whatsapp-container .question-container .question-text-container{box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .question-container.active{pointer-events:initial}.whatsapp-container .question-container.active .choice{color:var(--message-color)}.whatsapp-container .question-container.active .choice button{color:var(--message-color)}.whatsapp-container .question-container.active .choice svg:not(#star){fill:var(--message-color)}.whatsapp-container .question-container.active.open-modal{margin-bottom:45px}.whatsapp-container .question-container#new{margin-bottom:10px}.whatsapp-container .answers-container{width:100%;display:flex;justify-content:end;text-align:left}.whatsapp-container .answers{background:var(--answers-bg);margin-left:var(--message-margin);border-radius:var(--answers-radius);color:var(--answers-color);padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;font-size:16px;box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .answers .reply-block{background:rgba(0,0,0,.08);margin:-6px -6px 4px;padding:5px 8px;border-radius:6px;border-left:3px solid #2c5cc5}.whatsapp-container .answers .reply-block .user{color:#2c5cc5;font-weight:600;margin-bottom:3px}.whatsapp-container .answers:empty{display:none}.whatsapp-container .answers .answer-text{display:flex;align-items:center}.whatsapp-container .answers .answer-text span{white-space:nowrap}.whatsapp-container .options-popup{position:absolute;z-index:1;border-radius:12px 12px 30px 30px;background-color:#fff;box-shadow:0px -10px 10px rgba(0,0,0,.06);padding:12px 8px;bottom:15px;left:18px;right:22px;transform:translateY(80px);transition:all linear .3s;opacity:0}.whatsapp-container .fade-enter-active{transform:translateY(0px);opacity:1}.whatsapp-container .fade-enter-done{transform:translateY(0px);opacity:1}.whatsapp-container .fade-exit-active{opacity:0;transform:translateY(80px)}.whatsapp-container .fade-exit-done{opacity:0;transform:translateY(80px)}.whatsapp-container .option-row{padding-bottom:16px}.whatsapp-container .option-row button{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.whatsapp-container .option-row button span{white-space:nowrap;margin-left:5px}.whatsapp-container header{text-align:center;display:flex;align-items:center;padding-bottom:20px;position:relative}.whatsapp-container main{padding:0 8px}.whatsapp-container .close{background:rgba(0,0,0,0);border:none;width:32px;height:32px;position:absolute}.whatsapp-container .choices-button{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.whatsapp-container .choices{display:flex;flex-direction:column;gap:2px;list-style-type:none;padding-bottom:5px}.whatsapp-container .choices.multi-choice .choice button{white-space:normal}.whatsapp-container .choices.one-line{flex-direction:row}.whatsapp-container .choices.one-line .range-choice,.whatsapp-container .choices.one-line .choice{flex-grow:1}.whatsapp-container .choice{background-color:var(--message-bg);padding:8px 12px;border-radius:var(--message-border);text-align:center;color:var(--message-disabled-color);box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .choice button{color:var(--message-disabled-color);display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap}.whatsapp-container .choice svg:not(#star){fill:var(--message-disabled-color)}.whatsapp-container .range-choice{padding-top:4px;padding-bottom:4px}.whatsapp-container h4{margin:0 auto;font-weight:500}.whatsapp-container footer{color:#979797;font-size:.8em;text-align:center;padding:12px 0}.whatsapp-container button{background:rgba(0,0,0,0);border:0;cursor:pointer}.whatsapp-container .textarea-container{display:flex;gap:8px;margin-left:12px;margin-right:16px;margin-bottom:26px;margin-top:10px;margin:0 21px 15px 18px;padding:10px 12px;align-items:end;background:#f6f6f6;border-radius:0 0 30px 30px}.whatsapp-container textarea{resize:none;min-height:40px;max-height:100px;border-radius:20px;padding:12px;resize:none;border:none;width:100%}.whatsapp-container textarea:focus{outline:none}.whatsapp-container textarea::placeholder{line-height:16px;padding-left:2px}
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=stories-McqSingle-stories.1445ea3a.chunk.css.map*/

package/storybook-static/static/css/stories-McqSingle-stories.1445ea3a.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/stories-McqSingle-stories.1445ea3a.chunk.css","mappings":"AAAA;ACAA","sources":["webpack://freemium-survey-components/./src/survey/meta-channel-preview/style.scss","webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg');\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n // ::-webkit-scrollbar {\n // height: initial;\n // width: 6px;\n // }\n // ::-webkit-scrollbar-track {\n // background: transparent !important;\n // }\n // ::-webkit-scrollbar-thumb {\n // border-radius: 5px;\n // background: rgba(216, 216, 216, 0.7) !important;\n // }\n // scrollbar-color: rgba(216, 216, 216, 0.7) transparent !important;\n\n &.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg');\n\n .msg-container {\n position: relative;\n }\n .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n &:before {\n content: '';\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n }\n .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n }\n &.one-line {\n .range-choice,\n .choice {\n flex-grow: 0;\n }\n }\n }\n .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n\n footer,\n header {\n display: none;\n }\n main {\n display: flex;\n padding: 0;\n .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n button {\n color: var(--message-color);\n display: flex;\n }\n }\n }\n }\n .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n svg {\n display: none;\n }\n }\n .question-text-container {\n box-shadow: none;\n }\n\n &.active {\n margin-bottom: 40px;\n .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n .choice {\n button {\n white-space: nowrap;\n }\n }\n &.multi-choice {\n padding-bottom: 0;\n &::before {\n content: none;\n }\n }\n }\n }\n }\n .textarea-container {\n background: #fff;\n margin-right: 23px;\n textarea {\n background: #e8e8e8;\n border-radius: 18px;\n }\n }\n .answers {\n box-shadow: none;\n }\n }\n\n .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n }\n\n .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 12px;\n overflow: scroll;\n }\n .question-text.required::after {\n content: '*';\n color: rgb(215, 45, 48);\n margin-left: 4px;\n }\n .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n p {\n text-align: left;\n }\n a {\n color: var(--link-color);\n text-decoration: underline;\n }\n }\n .question-container {\n margin-right: var(--message-margin);\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n }\n &.active {\n pointer-events: initial;\n .choice {\n color: var(--message-color);\n button {\n color: var(--message-color);\n }\n svg:not(#star) {\n fill: var(--message-color);\n }\n }\n &.open-modal {\n margin-bottom: 45px;\n }\n }\n &#new {\n margin-bottom: 10px;\n }\n }\n .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n }\n .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n .reply-block {\n background: rgba(0, 0, 0, 8%);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n }\n }\n &:empty {\n display: none;\n }\n .answer-text {\n display: flex;\n align-items: center;\n span {\n white-space: nowrap;\n }\n }\n }\n .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgb(0 0 0 / 6%);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n }\n .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n }\n .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n }\n .option-row {\n padding-bottom: 16px;\n button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n span {\n white-space: nowrap;\n margin-left: 5px;\n }\n }\n }\n header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n }\n main {\n padding: 0 8px;\n }\n .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n }\n .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: 12px;\n }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n &.multi-choice {\n .choice {\n button {\n white-space: normal;\n }\n }\n }\n &.one-line {\n flex-direction: row;\n .range-choice,\n .choice {\n flex-grow: 1;\n }\n }\n }\n .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n }\n svg:not(#star) {\n fill: var(--message-disabled-color);\n }\n }\n .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n h4 {\n margin: 0 auto;\n font-weight: 500;\n }\n footer {\n color: #979797;\n font-size: 0.8em;\n text-align: center;\n padding: 12px 0;\n }\n button {\n background: transparent;\n border: 0;\n cursor: pointer;\n }\n .textarea-container {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n }\n textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n &:focus {\n outline: none;\n }\n &::placeholder {\n line-height: 16px;\n padding-left: 2px;\n }\n }\n}\n",".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/stories-Message-stories.1445ea3a.chunk.css ADDED Viewed

@@ -0,0 +1,4 @@
+.whatsapp-container{--message-margin: 40px;--message-border: 6px;--message-bg: #fff;--message-color: #0096de;--message-disabled-color: #aaa;--answers-bg: #d3ffc8;--answers-color: #000;--answers-radius: 6px;display:flex;flex-direction:column;overflow:hidden;font-size:var(--fsc-font-size);position:relative;width:340px;height:574px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");background-repeat:no-repeat;background-size:contain;margin:0 auto}.whatsapp-container.instagram{--message-bg: none;--answers-bg: #4d5bff;--answers-color: #fff;--answers-radius: 21px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg")}.whatsapp-container.instagram .msg-container{position:relative}.whatsapp-container.instagram .choices{display:none;flex-direction:row;position:absolute;bottom:0;margin-right:0;width:93%}.whatsapp-container.instagram .choices:before{content:"";display:block;width:100%;position:absolute;top:0px;border-top:1px solid #e8e8e8}.whatsapp-container.instagram .choices .choice{border:1px solid #0584fe;border-radius:50px;color:#0584fe;box-shadow:none}.whatsapp-container.instagram .choices.one-line .range-choice,.whatsapp-container.instagram .choices.one-line .choice{flex-grow:0}.whatsapp-container.instagram .question-container{background:#efefef;padding:2px;border-radius:21px}.whatsapp-container.instagram .question-container .options-popup{display:flex;overflow:auto;flex-direction:row;padding:5px 0px 2px;box-shadow:none;border-top:1px solid #e8e8e8;border-radius:0;left:7px;min-height:50px;bottom:0px}.whatsapp-container.instagram .question-container .options-popup footer,.whatsapp-container.instagram .question-container .options-popup header{display:none}.whatsapp-container.instagram .question-container .options-popup main{display:flex;padding:0}.whatsapp-container.instagram .question-container .options-popup main .option-row{border:1px solid #0584fe;border-radius:50px;margin:5px;padding:5px 10px}.whatsapp-container.instagram .question-container .options-popup main .option-row button{color:var(--message-color);display:flex}.whatsapp-container.instagram .question-container .choices-button.choice{font-weight:700;font-size:13.4838px;line-height:16px;letter-spacing:-0.03em;color:#333;border:none;width:auto;padding:8px;border-radius:10px;margin:5px 10px 10px;box-shadow:none}.whatsapp-container.instagram .question-container .choices-button.choice svg{display:none}.whatsapp-container.instagram .question-container .question-text-container{box-shadow:none}.whatsapp-container.instagram .question-container.active{margin-bottom:40px}.whatsapp-container.instagram .question-container.active .choices{display:flex;overflow:auto;padding-top:10px;background:#fff}.whatsapp-container.instagram .question-container.active .choices .choice button{white-space:nowrap}.whatsapp-container.instagram .question-container.active .choices.multi-choice{padding-bottom:0}.whatsapp-container.instagram .question-container.active .choices.multi-choice::before{content:none}.whatsapp-container.instagram .textarea-container{background:#fff;margin-right:23px}.whatsapp-container.instagram .textarea-container textarea{background:#e8e8e8;border-radius:18px}.whatsapp-container.instagram .answers{box-shadow:none}.whatsapp-container .msg-container{margin-top:80px;margin-left:18px;margin-right:20px;flex-grow:1;padding:8px;overflow:hidden;display:flex}.whatsapp-container .scroll-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:12px;overflow:scroll}.whatsapp-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.whatsapp-container .question-text{font-size:16px;line-height:18px;padding:12px;background-color:var(--message-bg);border-radius:var(--message-border)}.whatsapp-container .question-text p{text-align:left}.whatsapp-container .question-text a{color:var(--link-color);text-decoration:underline}.whatsapp-container .question-container{margin-right:var(--message-margin);gap:2px;display:flex;flex-direction:column;pointer-events:none;text-align:left}.whatsapp-container .question-container .question-text-container{box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .question-container.active{pointer-events:initial}.whatsapp-container .question-container.active .choice{color:var(--message-color)}.whatsapp-container .question-container.active .choice button{color:var(--message-color)}.whatsapp-container .question-container.active .choice svg:not(#star){fill:var(--message-color)}.whatsapp-container .question-container.active.open-modal{margin-bottom:45px}.whatsapp-container .question-container#new{margin-bottom:10px}.whatsapp-container .answers-container{width:100%;display:flex;justify-content:end;text-align:left}.whatsapp-container .answers{background:var(--answers-bg);margin-left:var(--message-margin);border-radius:var(--answers-radius);color:var(--answers-color);padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;font-size:16px;box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .answers .reply-block{background:rgba(0,0,0,.08);margin:-6px -6px 4px;padding:5px 8px;border-radius:6px;border-left:3px solid #2c5cc5}.whatsapp-container .answers .reply-block .user{color:#2c5cc5;font-weight:600;margin-bottom:3px}.whatsapp-container .answers:empty{display:none}.whatsapp-container .answers .answer-text{display:flex;align-items:center}.whatsapp-container .answers .answer-text span{white-space:nowrap}.whatsapp-container .options-popup{position:absolute;z-index:1;border-radius:12px 12px 30px 30px;background-color:#fff;box-shadow:0px -10px 10px rgba(0,0,0,.06);padding:12px 8px;bottom:15px;left:18px;right:22px;transform:translateY(80px);transition:all linear .3s;opacity:0}.whatsapp-container .fade-enter-active{transform:translateY(0px);opacity:1}.whatsapp-container .fade-enter-done{transform:translateY(0px);opacity:1}.whatsapp-container .fade-exit-active{opacity:0;transform:translateY(80px)}.whatsapp-container .fade-exit-done{opacity:0;transform:translateY(80px)}.whatsapp-container .option-row{padding-bottom:16px}.whatsapp-container .option-row button{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.whatsapp-container .option-row button span{white-space:nowrap;margin-left:5px}.whatsapp-container header{text-align:center;display:flex;align-items:center;padding-bottom:20px;position:relative}.whatsapp-container main{padding:0 8px}.whatsapp-container .close{background:rgba(0,0,0,0);border:none;width:32px;height:32px;position:absolute}.whatsapp-container .choices-button{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.whatsapp-container .choices{display:flex;flex-direction:column;gap:2px;list-style-type:none;padding-bottom:5px}.whatsapp-container .choices.multi-choice .choice button{white-space:normal}.whatsapp-container .choices.one-line{flex-direction:row}.whatsapp-container .choices.one-line .range-choice,.whatsapp-container .choices.one-line .choice{flex-grow:1}.whatsapp-container .choice{background-color:var(--message-bg);padding:8px 12px;border-radius:var(--message-border);text-align:center;color:var(--message-disabled-color);box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .choice button{color:var(--message-disabled-color);display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap}.whatsapp-container .choice svg:not(#star){fill:var(--message-disabled-color)}.whatsapp-container .range-choice{padding-top:4px;padding-bottom:4px}.whatsapp-container h4{margin:0 auto;font-weight:500}.whatsapp-container footer{color:#979797;font-size:.8em;text-align:center;padding:12px 0}.whatsapp-container button{background:rgba(0,0,0,0);border:0;cursor:pointer}.whatsapp-container .textarea-container{display:flex;gap:8px;margin-left:12px;margin-right:16px;margin-bottom:26px;margin-top:10px;margin:0 21px 15px 18px;padding:10px 12px;align-items:end;background:#f6f6f6;border-radius:0 0 30px 30px}.whatsapp-container textarea{resize:none;min-height:40px;max-height:100px;border-radius:20px;padding:12px;resize:none;border:none;width:100%}.whatsapp-container textarea:focus{outline:none}.whatsapp-container textarea::placeholder{line-height:16px;padding-left:2px}
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=stories-Message-stories.1445ea3a.chunk.css.map*/

package/storybook-static/static/css/stories-Message-stories.1445ea3a.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/stories-Message-stories.1445ea3a.chunk.css","mappings":"AAAA;ACAA","sources":["webpack://freemium-survey-components/./src/survey/meta-channel-preview/style.scss","webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg');\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n // ::-webkit-scrollbar {\n // height: initial;\n // width: 6px;\n // }\n // ::-webkit-scrollbar-track {\n // background: transparent !important;\n // }\n // ::-webkit-scrollbar-thumb {\n // border-radius: 5px;\n // background: rgba(216, 216, 216, 0.7) !important;\n // }\n // scrollbar-color: rgba(216, 216, 216, 0.7) transparent !important;\n\n &.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg');\n\n .msg-container {\n position: relative;\n }\n .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n &:before {\n content: '';\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n }\n .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n }\n &.one-line {\n .range-choice,\n .choice {\n flex-grow: 0;\n }\n }\n }\n .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n\n footer,\n header {\n display: none;\n }\n main {\n display: flex;\n padding: 0;\n .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n button {\n color: var(--message-color);\n display: flex;\n }\n }\n }\n }\n .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n svg {\n display: none;\n }\n }\n .question-text-container {\n box-shadow: none;\n }\n\n &.active {\n margin-bottom: 40px;\n .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n .choice {\n button {\n white-space: nowrap;\n }\n }\n &.multi-choice {\n padding-bottom: 0;\n &::before {\n content: none;\n }\n }\n }\n }\n }\n .textarea-container {\n background: #fff;\n margin-right: 23px;\n textarea {\n background: #e8e8e8;\n border-radius: 18px;\n }\n }\n .answers {\n box-shadow: none;\n }\n }\n\n .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n }\n\n .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 12px;\n overflow: scroll;\n }\n .question-text.required::after {\n content: '*';\n color: rgb(215, 45, 48);\n margin-left: 4px;\n }\n .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n p {\n text-align: left;\n }\n a {\n color: var(--link-color);\n text-decoration: underline;\n }\n }\n .question-container {\n margin-right: var(--message-margin);\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n }\n &.active {\n pointer-events: initial;\n .choice {\n color: var(--message-color);\n button {\n color: var(--message-color);\n }\n svg:not(#star) {\n fill: var(--message-color);\n }\n }\n &.open-modal {\n margin-bottom: 45px;\n }\n }\n &#new {\n margin-bottom: 10px;\n }\n }\n .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n }\n .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n .reply-block {\n background: rgba(0, 0, 0, 8%);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n }\n }\n &:empty {\n display: none;\n }\n .answer-text {\n display: flex;\n align-items: center;\n span {\n white-space: nowrap;\n }\n }\n }\n .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgb(0 0 0 / 6%);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n }\n .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n }\n .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n }\n .option-row {\n padding-bottom: 16px;\n button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n span {\n white-space: nowrap;\n margin-left: 5px;\n }\n }\n }\n header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n }\n main {\n padding: 0 8px;\n }\n .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n }\n .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: 12px;\n }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n &.multi-choice {\n .choice {\n button {\n white-space: normal;\n }\n }\n }\n &.one-line {\n flex-direction: row;\n .range-choice,\n .choice {\n flex-grow: 1;\n }\n }\n }\n .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n }\n svg:not(#star) {\n fill: var(--message-disabled-color);\n }\n }\n .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n h4 {\n margin: 0 auto;\n font-weight: 500;\n }\n footer {\n color: #979797;\n font-size: 0.8em;\n text-align: center;\n padding: 12px 0;\n }\n button {\n background: transparent;\n border: 0;\n cursor: pointer;\n }\n .textarea-container {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n }\n textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n &:focus {\n outline: none;\n }\n &::placeholder {\n line-height: 16px;\n padding-left: 2px;\n }\n }\n}\n",".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/stories-Range-stories.1445ea3a.chunk.css ADDED Viewed

@@ -0,0 +1,4 @@
+.whatsapp-container{--message-margin: 40px;--message-border: 6px;--message-bg: #fff;--message-color: #0096de;--message-disabled-color: #aaa;--answers-bg: #d3ffc8;--answers-color: #000;--answers-radius: 6px;display:flex;flex-direction:column;overflow:hidden;font-size:var(--fsc-font-size);position:relative;width:340px;height:574px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");background-repeat:no-repeat;background-size:contain;margin:0 auto}.whatsapp-container.instagram{--message-bg: none;--answers-bg: #4d5bff;--answers-color: #fff;--answers-radius: 21px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg")}.whatsapp-container.instagram .msg-container{position:relative}.whatsapp-container.instagram .choices{display:none;flex-direction:row;position:absolute;bottom:0;margin-right:0;width:93%}.whatsapp-container.instagram .choices:before{content:"";display:block;width:100%;position:absolute;top:0px;border-top:1px solid #e8e8e8}.whatsapp-container.instagram .choices .choice{border:1px solid #0584fe;border-radius:50px;color:#0584fe;box-shadow:none}.whatsapp-container.instagram .choices.one-line .range-choice,.whatsapp-container.instagram .choices.one-line .choice{flex-grow:0}.whatsapp-container.instagram .question-container{background:#efefef;padding:2px;border-radius:21px}.whatsapp-container.instagram .question-container .options-popup{display:flex;overflow:auto;flex-direction:row;padding:5px 0px 2px;box-shadow:none;border-top:1px solid #e8e8e8;border-radius:0;left:7px;min-height:50px;bottom:0px}.whatsapp-container.instagram .question-container .options-popup footer,.whatsapp-container.instagram .question-container .options-popup header{display:none}.whatsapp-container.instagram .question-container .options-popup main{display:flex;padding:0}.whatsapp-container.instagram .question-container .options-popup main .option-row{border:1px solid #0584fe;border-radius:50px;margin:5px;padding:5px 10px}.whatsapp-container.instagram .question-container .options-popup main .option-row button{color:var(--message-color);display:flex}.whatsapp-container.instagram .question-container .choices-button.choice{font-weight:700;font-size:13.4838px;line-height:16px;letter-spacing:-0.03em;color:#333;border:none;width:auto;padding:8px;border-radius:10px;margin:5px 10px 10px;box-shadow:none}.whatsapp-container.instagram .question-container .choices-button.choice svg{display:none}.whatsapp-container.instagram .question-container .question-text-container{box-shadow:none}.whatsapp-container.instagram .question-container.active{margin-bottom:40px}.whatsapp-container.instagram .question-container.active .choices{display:flex;overflow:auto;padding-top:10px;background:#fff}.whatsapp-container.instagram .question-container.active .choices .choice button{white-space:nowrap}.whatsapp-container.instagram .question-container.active .choices.multi-choice{padding-bottom:0}.whatsapp-container.instagram .question-container.active .choices.multi-choice::before{content:none}.whatsapp-container.instagram .textarea-container{background:#fff;margin-right:23px}.whatsapp-container.instagram .textarea-container textarea{background:#e8e8e8;border-radius:18px}.whatsapp-container.instagram .answers{box-shadow:none}.whatsapp-container .msg-container{margin-top:80px;margin-left:18px;margin-right:20px;flex-grow:1;padding:8px;overflow:hidden;display:flex}.whatsapp-container .scroll-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:12px;overflow:scroll}.whatsapp-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.whatsapp-container .question-text{font-size:16px;line-height:18px;padding:12px;background-color:var(--message-bg);border-radius:var(--message-border)}.whatsapp-container .question-text p{text-align:left}.whatsapp-container .question-text a{color:var(--link-color);text-decoration:underline}.whatsapp-container .question-container{margin-right:var(--message-margin);gap:2px;display:flex;flex-direction:column;pointer-events:none;text-align:left}.whatsapp-container .question-container .question-text-container{box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .question-container.active{pointer-events:initial}.whatsapp-container .question-container.active .choice{color:var(--message-color)}.whatsapp-container .question-container.active .choice button{color:var(--message-color)}.whatsapp-container .question-container.active .choice svg:not(#star){fill:var(--message-color)}.whatsapp-container .question-container.active.open-modal{margin-bottom:45px}.whatsapp-container .question-container#new{margin-bottom:10px}.whatsapp-container .answers-container{width:100%;display:flex;justify-content:end;text-align:left}.whatsapp-container .answers{background:var(--answers-bg);margin-left:var(--message-margin);border-radius:var(--answers-radius);color:var(--answers-color);padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;font-size:16px;box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .answers .reply-block{background:rgba(0,0,0,.08);margin:-6px -6px 4px;padding:5px 8px;border-radius:6px;border-left:3px solid #2c5cc5}.whatsapp-container .answers .reply-block .user{color:#2c5cc5;font-weight:600;margin-bottom:3px}.whatsapp-container .answers:empty{display:none}.whatsapp-container .answers .answer-text{display:flex;align-items:center}.whatsapp-container .answers .answer-text span{white-space:nowrap}.whatsapp-container .options-popup{position:absolute;z-index:1;border-radius:12px 12px 30px 30px;background-color:#fff;box-shadow:0px -10px 10px rgba(0,0,0,.06);padding:12px 8px;bottom:15px;left:18px;right:22px;transform:translateY(80px);transition:all linear .3s;opacity:0}.whatsapp-container .fade-enter-active{transform:translateY(0px);opacity:1}.whatsapp-container .fade-enter-done{transform:translateY(0px);opacity:1}.whatsapp-container .fade-exit-active{opacity:0;transform:translateY(80px)}.whatsapp-container .fade-exit-done{opacity:0;transform:translateY(80px)}.whatsapp-container .option-row{padding-bottom:16px}.whatsapp-container .option-row button{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.whatsapp-container .option-row button span{white-space:nowrap;margin-left:5px}.whatsapp-container header{text-align:center;display:flex;align-items:center;padding-bottom:20px;position:relative}.whatsapp-container main{padding:0 8px}.whatsapp-container .close{background:rgba(0,0,0,0);border:none;width:32px;height:32px;position:absolute}.whatsapp-container .choices-button{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.whatsapp-container .choices{display:flex;flex-direction:column;gap:2px;list-style-type:none;padding-bottom:5px}.whatsapp-container .choices.multi-choice .choice button{white-space:normal}.whatsapp-container .choices.one-line{flex-direction:row}.whatsapp-container .choices.one-line .range-choice,.whatsapp-container .choices.one-line .choice{flex-grow:1}.whatsapp-container .choice{background-color:var(--message-bg);padding:8px 12px;border-radius:var(--message-border);text-align:center;color:var(--message-disabled-color);box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .choice button{color:var(--message-disabled-color);display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap}.whatsapp-container .choice svg:not(#star){fill:var(--message-disabled-color)}.whatsapp-container .range-choice{padding-top:4px;padding-bottom:4px}.whatsapp-container h4{margin:0 auto;font-weight:500}.whatsapp-container footer{color:#979797;font-size:.8em;text-align:center;padding:12px 0}.whatsapp-container button{background:rgba(0,0,0,0);border:0;cursor:pointer}.whatsapp-container .textarea-container{display:flex;gap:8px;margin-left:12px;margin-right:16px;margin-bottom:26px;margin-top:10px;margin:0 21px 15px 18px;padding:10px 12px;align-items:end;background:#f6f6f6;border-radius:0 0 30px 30px}.whatsapp-container textarea{resize:none;min-height:40px;max-height:100px;border-radius:20px;padding:12px;resize:none;border:none;width:100%}.whatsapp-container textarea:focus{outline:none}.whatsapp-container textarea::placeholder{line-height:16px;padding-left:2px}
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=stories-Range-stories.1445ea3a.chunk.css.map*/

package/storybook-static/static/css/stories-Range-stories.1445ea3a.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/stories-Range-stories.1445ea3a.chunk.css","mappings":"AAAA;ACAA","sources":["webpack://freemium-survey-components/./src/survey/meta-channel-preview/style.scss","webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg');\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n // ::-webkit-scrollbar {\n // height: initial;\n // width: 6px;\n // }\n // ::-webkit-scrollbar-track {\n // background: transparent !important;\n // }\n // ::-webkit-scrollbar-thumb {\n // border-radius: 5px;\n // background: rgba(216, 216, 216, 0.7) !important;\n // }\n // scrollbar-color: rgba(216, 216, 216, 0.7) transparent !important;\n\n &.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg');\n\n .msg-container {\n position: relative;\n }\n .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n &:before {\n content: '';\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n }\n .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n }\n &.one-line {\n .range-choice,\n .choice {\n flex-grow: 0;\n }\n }\n }\n .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n\n footer,\n header {\n display: none;\n }\n main {\n display: flex;\n padding: 0;\n .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n button {\n color: var(--message-color);\n display: flex;\n }\n }\n }\n }\n .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n svg {\n display: none;\n }\n }\n .question-text-container {\n box-shadow: none;\n }\n\n &.active {\n margin-bottom: 40px;\n .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n .choice {\n button {\n white-space: nowrap;\n }\n }\n &.multi-choice {\n padding-bottom: 0;\n &::before {\n content: none;\n }\n }\n }\n }\n }\n .textarea-container {\n background: #fff;\n margin-right: 23px;\n textarea {\n background: #e8e8e8;\n border-radius: 18px;\n }\n }\n .answers {\n box-shadow: none;\n }\n }\n\n .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n }\n\n .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 12px;\n overflow: scroll;\n }\n .question-text.required::after {\n content: '*';\n color: rgb(215, 45, 48);\n margin-left: 4px;\n }\n .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n p {\n text-align: left;\n }\n a {\n color: var(--link-color);\n text-decoration: underline;\n }\n }\n .question-container {\n margin-right: var(--message-margin);\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n }\n &.active {\n pointer-events: initial;\n .choice {\n color: var(--message-color);\n button {\n color: var(--message-color);\n }\n svg:not(#star) {\n fill: var(--message-color);\n }\n }\n &.open-modal {\n margin-bottom: 45px;\n }\n }\n &#new {\n margin-bottom: 10px;\n }\n }\n .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n }\n .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n .reply-block {\n background: rgba(0, 0, 0, 8%);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n }\n }\n &:empty {\n display: none;\n }\n .answer-text {\n display: flex;\n align-items: center;\n span {\n white-space: nowrap;\n }\n }\n }\n .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgb(0 0 0 / 6%);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n }\n .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n }\n .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n }\n .option-row {\n padding-bottom: 16px;\n button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n span {\n white-space: nowrap;\n margin-left: 5px;\n }\n }\n }\n header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n }\n main {\n padding: 0 8px;\n }\n .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n }\n .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: 12px;\n }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n &.multi-choice {\n .choice {\n button {\n white-space: normal;\n }\n }\n }\n &.one-line {\n flex-direction: row;\n .range-choice,\n .choice {\n flex-grow: 1;\n }\n }\n }\n .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n }\n svg:not(#star) {\n fill: var(--message-disabled-color);\n }\n }\n .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n h4 {\n margin: 0 auto;\n font-weight: 500;\n }\n footer {\n color: #979797;\n font-size: 0.8em;\n text-align: center;\n padding: 12px 0;\n }\n button {\n background: transparent;\n border: 0;\n cursor: pointer;\n }\n .textarea-container {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n }\n textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n &:focus {\n outline: none;\n }\n &::placeholder {\n line-height: 16px;\n padding-left: 2px;\n }\n }\n}\n",".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/stories-Textbox-stories.1445ea3a.chunk.css ADDED Viewed

@@ -0,0 +1,4 @@
+.whatsapp-container{--message-margin: 40px;--message-border: 6px;--message-bg: #fff;--message-color: #0096de;--message-disabled-color: #aaa;--answers-bg: #d3ffc8;--answers-color: #000;--answers-radius: 6px;display:flex;flex-direction:column;overflow:hidden;font-size:var(--fsc-font-size);position:relative;width:340px;height:574px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");background-repeat:no-repeat;background-size:contain;margin:0 auto}.whatsapp-container.instagram{--message-bg: none;--answers-bg: #4d5bff;--answers-color: #fff;--answers-radius: 21px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg")}.whatsapp-container.instagram .msg-container{position:relative}.whatsapp-container.instagram .choices{display:none;flex-direction:row;position:absolute;bottom:0;margin-right:0;width:93%}.whatsapp-container.instagram .choices:before{content:"";display:block;width:100%;position:absolute;top:0px;border-top:1px solid #e8e8e8}.whatsapp-container.instagram .choices .choice{border:1px solid #0584fe;border-radius:50px;color:#0584fe;box-shadow:none}.whatsapp-container.instagram .choices.one-line .range-choice,.whatsapp-container.instagram .choices.one-line .choice{flex-grow:0}.whatsapp-container.instagram .question-container{background:#efefef;padding:2px;border-radius:21px}.whatsapp-container.instagram .question-container .options-popup{display:flex;overflow:auto;flex-direction:row;padding:5px 0px 2px;box-shadow:none;border-top:1px solid #e8e8e8;border-radius:0;left:7px;min-height:50px;bottom:0px}.whatsapp-container.instagram .question-container .options-popup footer,.whatsapp-container.instagram .question-container .options-popup header{display:none}.whatsapp-container.instagram .question-container .options-popup main{display:flex;padding:0}.whatsapp-container.instagram .question-container .options-popup main .option-row{border:1px solid #0584fe;border-radius:50px;margin:5px;padding:5px 10px}.whatsapp-container.instagram .question-container .options-popup main .option-row button{color:var(--message-color);display:flex}.whatsapp-container.instagram .question-container .choices-button.choice{font-weight:700;font-size:13.4838px;line-height:16px;letter-spacing:-0.03em;color:#333;border:none;width:auto;padding:8px;border-radius:10px;margin:5px 10px 10px;box-shadow:none}.whatsapp-container.instagram .question-container .choices-button.choice svg{display:none}.whatsapp-container.instagram .question-container .question-text-container{box-shadow:none}.whatsapp-container.instagram .question-container.active{margin-bottom:40px}.whatsapp-container.instagram .question-container.active .choices{display:flex;overflow:auto;padding-top:10px;background:#fff}.whatsapp-container.instagram .question-container.active .choices .choice button{white-space:nowrap}.whatsapp-container.instagram .question-container.active .choices.multi-choice{padding-bottom:0}.whatsapp-container.instagram .question-container.active .choices.multi-choice::before{content:none}.whatsapp-container.instagram .textarea-container{background:#fff;margin-right:23px}.whatsapp-container.instagram .textarea-container textarea{background:#e8e8e8;border-radius:18px}.whatsapp-container.instagram .answers{box-shadow:none}.whatsapp-container .msg-container{margin-top:80px;margin-left:18px;margin-right:20px;flex-grow:1;padding:8px;overflow:hidden;display:flex}.whatsapp-container .scroll-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:12px;overflow:scroll}.whatsapp-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.whatsapp-container .question-text{font-size:16px;line-height:18px;padding:12px;background-color:var(--message-bg);border-radius:var(--message-border)}.whatsapp-container .question-text p{text-align:left}.whatsapp-container .question-text a{color:var(--link-color);text-decoration:underline}.whatsapp-container .question-container{margin-right:var(--message-margin);gap:2px;display:flex;flex-direction:column;pointer-events:none;text-align:left}.whatsapp-container .question-container .question-text-container{box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .question-container.active{pointer-events:initial}.whatsapp-container .question-container.active .choice{color:var(--message-color)}.whatsapp-container .question-container.active .choice button{color:var(--message-color)}.whatsapp-container .question-container.active .choice svg:not(#star){fill:var(--message-color)}.whatsapp-container .question-container.active.open-modal{margin-bottom:45px}.whatsapp-container .question-container#new{margin-bottom:10px}.whatsapp-container .answers-container{width:100%;display:flex;justify-content:end;text-align:left}.whatsapp-container .answers{background:var(--answers-bg);margin-left:var(--message-margin);border-radius:var(--answers-radius);color:var(--answers-color);padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;font-size:16px;box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .answers .reply-block{background:rgba(0,0,0,.08);margin:-6px -6px 4px;padding:5px 8px;border-radius:6px;border-left:3px solid #2c5cc5}.whatsapp-container .answers .reply-block .user{color:#2c5cc5;font-weight:600;margin-bottom:3px}.whatsapp-container .answers:empty{display:none}.whatsapp-container .answers .answer-text{display:flex;align-items:center}.whatsapp-container .answers .answer-text span{white-space:nowrap}.whatsapp-container .options-popup{position:absolute;z-index:1;border-radius:12px 12px 30px 30px;background-color:#fff;box-shadow:0px -10px 10px rgba(0,0,0,.06);padding:12px 8px;bottom:15px;left:18px;right:22px;transform:translateY(80px);transition:all linear .3s;opacity:0}.whatsapp-container .fade-enter-active{transform:translateY(0px);opacity:1}.whatsapp-container .fade-enter-done{transform:translateY(0px);opacity:1}.whatsapp-container .fade-exit-active{opacity:0;transform:translateY(80px)}.whatsapp-container .fade-exit-done{opacity:0;transform:translateY(80px)}.whatsapp-container .option-row{padding-bottom:16px}.whatsapp-container .option-row button{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.whatsapp-container .option-row button span{white-space:nowrap;margin-left:5px}.whatsapp-container header{text-align:center;display:flex;align-items:center;padding-bottom:20px;position:relative}.whatsapp-container main{padding:0 8px}.whatsapp-container .close{background:rgba(0,0,0,0);border:none;width:32px;height:32px;position:absolute}.whatsapp-container .choices-button{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.whatsapp-container .choices{display:flex;flex-direction:column;gap:2px;list-style-type:none;padding-bottom:5px}.whatsapp-container .choices.multi-choice .choice button{white-space:normal}.whatsapp-container .choices.one-line{flex-direction:row}.whatsapp-container .choices.one-line .range-choice,.whatsapp-container .choices.one-line .choice{flex-grow:1}.whatsapp-container .choice{background-color:var(--message-bg);padding:8px 12px;border-radius:var(--message-border);text-align:center;color:var(--message-disabled-color);box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .choice button{color:var(--message-disabled-color);display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap}.whatsapp-container .choice svg:not(#star){fill:var(--message-disabled-color)}.whatsapp-container .range-choice{padding-top:4px;padding-bottom:4px}.whatsapp-container h4{margin:0 auto;font-weight:500}.whatsapp-container footer{color:#979797;font-size:.8em;text-align:center;padding:12px 0}.whatsapp-container button{background:rgba(0,0,0,0);border:0;cursor:pointer}.whatsapp-container .textarea-container{display:flex;gap:8px;margin-left:12px;margin-right:16px;margin-bottom:26px;margin-top:10px;margin:0 21px 15px 18px;padding:10px 12px;align-items:end;background:#f6f6f6;border-radius:0 0 30px 30px}.whatsapp-container textarea{resize:none;min-height:40px;max-height:100px;border-radius:20px;padding:12px;resize:none;border:none;width:100%}.whatsapp-container textarea:focus{outline:none}.whatsapp-container textarea::placeholder{line-height:16px;padding-left:2px}
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=stories-Textbox-stories.1445ea3a.chunk.css.map*/

package/storybook-static/static/css/stories-Textbox-stories.1445ea3a.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/stories-Textbox-stories.1445ea3a.chunk.css","mappings":"AAAA;ACAA","sources":["webpack://freemium-survey-components/./src/survey/meta-channel-preview/style.scss","webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg');\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n // ::-webkit-scrollbar {\n // height: initial;\n // width: 6px;\n // }\n // ::-webkit-scrollbar-track {\n // background: transparent !important;\n // }\n // ::-webkit-scrollbar-thumb {\n // border-radius: 5px;\n // background: rgba(216, 216, 216, 0.7) !important;\n // }\n // scrollbar-color: rgba(216, 216, 216, 0.7) transparent !important;\n\n &.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg');\n\n .msg-container {\n position: relative;\n }\n .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n &:before {\n content: '';\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n }\n .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n }\n &.one-line {\n .range-choice,\n .choice {\n flex-grow: 0;\n }\n }\n }\n .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n\n footer,\n header {\n display: none;\n }\n main {\n display: flex;\n padding: 0;\n .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n button {\n color: var(--message-color);\n display: flex;\n }\n }\n }\n }\n .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n svg {\n display: none;\n }\n }\n .question-text-container {\n box-shadow: none;\n }\n\n &.active {\n margin-bottom: 40px;\n .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n .choice {\n button {\n white-space: nowrap;\n }\n }\n &.multi-choice {\n padding-bottom: 0;\n &::before {\n content: none;\n }\n }\n }\n }\n }\n .textarea-container {\n background: #fff;\n margin-right: 23px;\n textarea {\n background: #e8e8e8;\n border-radius: 18px;\n }\n }\n .answers {\n box-shadow: none;\n }\n }\n\n .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n }\n\n .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 12px;\n overflow: scroll;\n }\n .question-text.required::after {\n content: '*';\n color: rgb(215, 45, 48);\n margin-left: 4px;\n }\n .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n p {\n text-align: left;\n }\n a {\n color: var(--link-color);\n text-decoration: underline;\n }\n }\n .question-container {\n margin-right: var(--message-margin);\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n }\n &.active {\n pointer-events: initial;\n .choice {\n color: var(--message-color);\n button {\n color: var(--message-color);\n }\n svg:not(#star) {\n fill: var(--message-color);\n }\n }\n &.open-modal {\n margin-bottom: 45px;\n }\n }\n &#new {\n margin-bottom: 10px;\n }\n }\n .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n }\n .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n .reply-block {\n background: rgba(0, 0, 0, 8%);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n }\n }\n &:empty {\n display: none;\n }\n .answer-text {\n display: flex;\n align-items: center;\n span {\n white-space: nowrap;\n }\n }\n }\n .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgb(0 0 0 / 6%);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n }\n .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n }\n .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n }\n .option-row {\n padding-bottom: 16px;\n button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n span {\n white-space: nowrap;\n margin-left: 5px;\n }\n }\n }\n header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n }\n main {\n padding: 0 8px;\n }\n .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n }\n .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: 12px;\n }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n &.multi-choice {\n .choice {\n button {\n white-space: normal;\n }\n }\n }\n &.one-line {\n flex-direction: row;\n .range-choice,\n .choice {\n flex-grow: 1;\n }\n }\n }\n .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n }\n svg:not(#star) {\n fill: var(--message-disabled-color);\n }\n }\n .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n h4 {\n margin: 0 auto;\n font-weight: 500;\n }\n footer {\n color: #979797;\n font-size: 0.8em;\n text-align: center;\n padding: 12px 0;\n }\n button {\n background: transparent;\n border: 0;\n cursor: pointer;\n }\n .textarea-container {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n }\n textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n &:focus {\n outline: none;\n }\n &::placeholder {\n line-height: 16px;\n padding-left: 2px;\n }\n }\n}\n",".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/survey-Survey-stories.643427ac.chunk.css ADDED Viewed

@@ -0,0 +1,3 @@
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=survey-Survey-stories.643427ac.chunk.css.map*/

package/storybook-static/static/css/survey-Survey-stories.643427ac.chunk.css.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"static/css/survey-Survey-stories.643427ac.chunk.css","mappings":"AAAA","sources":["webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/survey-end-card-ThankYou-stories.643427ac.chunk.css ADDED Viewed

@@ -0,0 +1,3 @@
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=survey-end-card-ThankYou-stories.643427ac.chunk.css.map*/

package/storybook-static/static/css/survey-end-card-ThankYou-stories.643427ac.chunk.css.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"static/css/survey-end-card-ThankYou-stories.643427ac.chunk.css","mappings":"AAAA","sources":["webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/stories-Consent-stories.b7911a26.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkfreemium_survey_components=self.webpackChunkfreemium_survey_components||[]).push([[39379],{"./src/stories/Consent.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Consent_stories});__webpack_require__("./node_modules/react/index.js");var mocks=__webpack_require__("./src/mocks/index.ts"),QuestionStory=__webpack_require__("./src/stories/QuestionStory.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ConsentStory=props=>{var _SURVEY_TO_USE$questi,_SURVEY_TO_USE$questi2,_question$type_info,_question$type_info$s,_question$type_info$s2,_question$type_info2,_question$type_info3,_question$type_info4,_question$type_info4$,_ref,_ref2,_ref3;const{primaryText,secondaryText,display_format,labelText,...questionStoryProps}=props,question=null===mocks.bX||void 0===mocks.bX||null===(_SURVEY_TO_USE$questi=mocks.bX.question_details)||void 0===_SURVEY_TO_USE$questi||null===(_SURVEY_TO_USE$questi2=_SURVEY_TO_USE$questi.questions)||void 0===_SURVEY_TO_USE$questi2?void 0:_SURVEY_TO_USE$questi2.find((q=>{var _q$type_info;return"CONSENT"===(null===(_q$type_info=q.type_info)||void 0===_q$type_info?void 0:_q$type_info.question_type)})),labels=null==question||null===(_question$type_info=question.type_info)||void 0===_question$type_info||null===(_question$type_info$s=_question$type_info.scale_properties)||void 0===_question$type_info$s||null===(_question$type_info$s2=_question$type_info$s.labels)||void 0===_question$type_info$s2?void 0:_question$type_info$s2.values,messageQuestion={...question,type_info:{...(null==question?void 0:question.type_info)||{},meta:{...(null==question||null===(_question$type_info2=question.type_info)||void 0===_question$type_info2?void 0:_question$type_info2.meta)||{},display_format},scale_properties:{...(null==question||null===(_question$type_info3=question.type_info)||void 0===_question$type_info3?void 0:_question$type_info3.scale_properties)||{},labels:{...(null==question||null===(_question$type_info4=question.type_info)||void 0===_question$type_info4||null===(_question$type_info4$=_question$type_info4.scale_properties)||void 0===_question$type_info4$?void 0:_question$type_info4$.labels)||{},values:[null!==(_ref=null!=primaryText?primaryText:null==labels?void 0:labels[0])&&void 0!==_ref?_ref:"",null!==(_ref2=null!=secondaryText?secondaryText:null==labels?void 0:labels[1])&&void 0!==_ref2?_ref2:"",null!==(_ref3=null!=labelText?labelText:null==labels?void 0:labels[2])&&void 0!==_ref3?_ref3:""]}}}};return(0,jsx_runtime.jsx)(QuestionStory.A,{...questionStoryProps,type:props.type,question:messageQuestion})},stories_ConsentStory=ConsentStory;ConsentStory.__docgenInfo={description:"",methods:[],displayName:"ConsentStory",props:{primaryText:{required:!0,tsType:{name:"string"},description:""},secondaryText:{required:!0,tsType:{name:"string"},description:""},labelText:{required:!0,tsType:{name:"string"},description:""},display_format:{required:!0,tsType:{name:"union",raw:"'BUTTON' | 'CHECKBOX'",elements:[{name:"literal",value:"'BUTTON'"},{name:"literal",value:"'CHECKBOX'"}]},description:""}},composes:["Omit"]};const Consent_stories={title:"Questions/Consent",component:stories_ConsentStory,parameters:{layout:"fullscreen"},argTypes:{},decorators:Story=>(0,jsx_runtime.jsx)("div",{className:"fullpage-survey",children:Story()})},Primary={argTypes:{type:{name:"Type",control:"inline-radio",options:["card","standard","widget-default","widget-cozy","widget-compact"],table:{category:"Survey"}}},args:{type:"card",display_format:"BUTTON",text:"",primaryText:"",secondaryText:"",labelText:"",isRequired:!1,enablePlaceholders:!0,enableTranslation:!0,enableContactData:!0}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n argTypes: {\n type: {\n name: 'Type',\n control: 'inline-radio',\n options: ['card', 'standard', 'widget-default', 'widget-cozy', 'widget-compact'],\n table: {\n category: 'Survey'\n }\n }\n },\n args: {\n type: 'card',\n display_format: 'BUTTON',\n text: '',\n primaryText: '',\n secondaryText: '',\n labelText: '',\n isRequired: false,\n enablePlaceholders: true,\n enableTranslation: true,\n enableContactData: true\n }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]}}]);

package/storybook-static/stories-DateTime-stories.6089983f.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkfreemium_survey_components=self.webpackChunkfreemium_survey_components||[]).push([[86568],{"./src/stories/DateTime.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DateTime_stories});__webpack_require__("./node_modules/react/index.js");var mocks=__webpack_require__("./src/mocks/index.ts"),QuestionStory=__webpack_require__("./src/stories/QuestionStory.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const DateTimeStory=props=>{var _SURVEY_TO_USE$questi,_SURVEY_TO_USE$questi2,_question$type_info;const{questionFormat,format,allowOnlyFuture,showTimezone,show24HrsFormat,...questionStoryProps}=props,question=null===mocks.bX||void 0===mocks.bX||null===(_SURVEY_TO_USE$questi=mocks.bX.question_details)||void 0===_SURVEY_TO_USE$questi||null===(_SURVEY_TO_USE$questi2=_SURVEY_TO_USE$questi.questions)||void 0===_SURVEY_TO_USE$questi2?void 0:_SURVEY_TO_USE$questi2.find((q=>{var _q$type_info;return"DATE_TIME"===(null===(_q$type_info=q.type_info)||void 0===_q$type_info?void 0:_q$type_info.question_type)})),messageQuestion={...question,type_info:{...(null==question?void 0:question.type_info)||{},meta:{...(null==question||null===(_question$type_info=question.type_info)||void 0===_question$type_info?void 0:_question$type_info.meta)||{},question_format:questionFormat,allow_future_date:allowOnlyFuture,time_zone:showTimezone,time_format:show24HrsFormat,format}}};return(0,jsx_runtime.jsx)(QuestionStory.A,{...questionStoryProps,type:props.type,question:messageQuestion})},stories_DateTimeStory=DateTimeStory;DateTimeStory.__docgenInfo={description:"",methods:[],displayName:"DateTimeStory",props:{questionFormat:{required:!0,tsType:{name:"union",raw:"'DATE' | 'DATE_TIME'",elements:[{name:"literal",value:"'DATE'"},{name:"literal",value:"'DATE_TIME'"}]},description:""},allowOnlyFuture:{required:!0,tsType:{name:"boolean"},description:""},show24HrsFormat:{required:!0,tsType:{name:"boolean"},description:""},showTimezone:{required:!0,tsType:{name:"boolean"},description:""},format:{required:!0,tsType:{name:"string"},description:""}},composes:["Omit"]};var constants=__webpack_require__("./src/components/pickers/constants.ts");const DateTime_stories={title:"Questions/Date Time",component:stories_DateTimeStory,parameters:{layout:"fullscreen"},argTypes:{},decorators:Story=>(0,jsx_runtime.jsx)("div",{className:"fullpage-survey",children:Story()})},Primary={argTypes:{type:{name:"Type",control:"inline-radio",options:["card","standard","widget-default","widget-cozy","widget-compact"],table:{category:"Survey"}},format:{name:"Format",control:"inline-radio",options:Object.keys(constants.P)}},args:{type:"card",text:"",questionFormat:"DATE",format:"MMM dd, yyyy",allowOnlyFuture:!1,showTimezone:!1,show24HrsFormat:!1,isRequired:!1,enablePlaceholders:!0,enableTranslation:!0,enableContactData:!0}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n argTypes: {\n type: {\n name: 'Type',\n control: 'inline-radio',\n options: ['card', 'standard', 'widget-default', 'widget-cozy', 'widget-compact'],\n table: {\n category: 'Survey'\n }\n },\n format: {\n name: 'Format',\n control: 'inline-radio',\n options: (Object.keys(dateFormatToMoment) as string[])\n }\n },\n args: {\n type: 'card',\n text: '',\n questionFormat: 'DATE',\n format: 'MMM dd, yyyy',\n allowOnlyFuture: false,\n showTimezone: false,\n show24HrsFormat: false,\n isRequired: false,\n enablePlaceholders: true,\n enableTranslation: true,\n enableContactData: true\n }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]}}]);

package/storybook-static/stories-FormFields-stories.0ac7e539.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkfreemium_survey_components=self.webpackChunkfreemium_survey_components||[]).push([[19386],{"./src/stories/FormFields.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>FormFields_stories});__webpack_require__("./node_modules/react/index.js");var mocks=__webpack_require__("./src/mocks/index.ts"),QuestionStory=__webpack_require__("./src/stories/QuestionStory.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const FormFieldsStory=props=>{var _SURVEY_TO_USE$questi,_SURVEY_TO_USE$questi2,_question$type_info;const{layout,...questionStoryProps}=props,question=null===mocks.bX||void 0===mocks.bX||null===(_SURVEY_TO_USE$questi=mocks.bX.question_details)||void 0===_SURVEY_TO_USE$questi||null===(_SURVEY_TO_USE$questi2=_SURVEY_TO_USE$questi.questions)||void 0===_SURVEY_TO_USE$questi2?void 0:_SURVEY_TO_USE$questi2.find((q=>{var _q$type_info;return"FORM_FIELD"===(null===(_q$type_info=q.type_info)||void 0===_q$type_info?void 0:_q$type_info.question_type)})),messageQuestion={...question,type_info:{...(null==question?void 0:question.type_info)||{},form_fields:{...(null==question||null===(_question$type_info=question.type_info)||void 0===_question$type_info?void 0:_question$type_info.form_fields)||{},layout}}};return(0,jsx_runtime.jsx)(QuestionStory.A,{...questionStoryProps,type:props.type,question:messageQuestion})},stories_FormFieldsStory=FormFieldsStory;FormFieldsStory.__docgenInfo={description:"",methods:[],displayName:"FormFieldsStory",props:{layout:{required:!0,tsType:{name:"union",raw:"'VERTICAL' | 'HORIZONTAL'",elements:[{name:"literal",value:"'VERTICAL'"},{name:"literal",value:"'HORIZONTAL'"}]},description:""}},composes:["Omit"]};const FormFields_stories={title:"Questions/Form fields",component:stories_FormFieldsStory,parameters:{layout:"fullscreen"},argTypes:{},decorators:Story=>(0,jsx_runtime.jsx)("div",{className:"fullpage-survey",children:Story()})},Primary={argTypes:{type:{name:"Type",control:"inline-radio",options:["card","standard","widget-default","widget-cozy","widget-compact"],table:{category:"Survey"}}},args:{type:"card",layout:"HORIZONTAL",text:"",isRequired:!1,enablePlaceholders:!0,enableTranslation:!0,enableContactData:!0}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n argTypes: {\n type: {\n name: 'Type',\n control: 'inline-radio',\n options: ['card', 'standard', 'widget-default', 'widget-cozy', 'widget-compact'],\n table: {\n category: 'Survey'\n }\n }\n },\n args: {\n type: 'card',\n layout: 'HORIZONTAL',\n text: '',\n isRequired: false,\n enablePlaceholders: true,\n enableTranslation: true,\n enableContactData: true\n }\n}",...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]}}]);