@fremtind/jokul 0.24.0 → 0.25.0

package/build/cjs/components/feedback/followup/Followup.d.cts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+import { FeedbackAnswer, FollowupQuestion } from '../types.cjs;'
+interface Props {
+    /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text */
+    questions: FollowupQuestion[];
+    /** Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene.  */
+    successMessage?: {
+        title: string;
+        children: ReactNode;
+    };
+    onSubmit: (values: FeedbackAnswer[]) => void;
+}
+export declare const Followup: FC<Props>;
+export {};

package/build/cjs/components/feedback/followup/followupContext.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=t.createContext(void 0);exports.FollowUpProvider=({state:t,children:o})=>e.jsx(r.Provider,{value:t,children:o}),exports.useFollowUpContext=()=>t.useContext(r);
+//# sourceMappingURL=followupContext.cjs.map

package/build/cjs/components/feedback/followup/followupContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"followupContext.cjs","sources":["../../../../../src/components/feedback/followup/followupContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FollowupState } from \"../types.js\";\n\nconst followUpContext = createContext<FollowupState | undefined>(undefined);\n\nexport const useFollowUpContext = (): FollowupState | undefined => useContext(followUpContext);\n\ninterface FollowupContextProviderProps extends WithChildren {\n    state: FollowupState;\n}\n\nexport const FollowUpProvider: React.FC<FollowupContextProviderProps> = ({ state, children }) => (\n    <followUpContext.Provider value={state}>{children}</followUpContext.Provider>\n);\n"],"names":["followUpContext","createContext","state","children","jsx","Provider","value","useContext"],"mappings":"wIAIMA,EAAkBC,EAAAA,mBAAyC,4BAQO,EAAGC,MAAAA,EAAOC,SAAAA,KAC7EC,EAAAA,IAAAJ,EAAgBK,SAAhB,CAAyBC,MAAOJ,EAAQC,SAAAA,+BAPX,IAAiCI,EAAAA,WAAWP"}

package/build/cjs/components/feedback/followup/followupContext.d.cts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { WithChildren } from '../../../core/types.cjs;'
+import { FollowupState } from '../types.cjs;'
+export declare const useFollowUpContext: () => FollowupState | undefined;
+interface FollowupContextProviderProps extends WithChildren {
+    state: FollowupState;
+}
+export declare const FollowUpProvider: React.FC<FollowupContextProviderProps>;
+export {};

package/build/cjs/components/feedback/followup/useFollowup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useFollowup=(t,u)=>{const[n,s]=e.useState(),[r,o]=e.useState({number:0,question:t[0],isLast:1===t.length}),[a,i]=e.useState(!1),[l,c]=e.useState(!1),[d,v]=e.useState(),b=e.useRef({values:n,submitted:l,onSubmit:u});e.useEffect((()=>{b.current={...b.current,values:n,submitted:l}}),[n,l]);const m=e.useCallback((()=>{!b.current.submitted&&void 0!==b.current.values&&b.current.onSubmit(b.current.values)}),[]);return e.useEffect((()=>{a&&(m(),c(!0))}),[a,m]),e.useEffect((()=>(typeof window<"u"&&window.addEventListener("beforeunload",m),()=>{m(),window.removeEventListener("beforeunload",m)})),[m]),{questions:t,values:n,step:r,currentValue:d,setCurrentValue:v,submitted:l,handleNext:function(e){null==e||e.preventDefault();const u=Array.isArray(d)?d.map((e=>e.value.toString())):null==d?void 0:d.value,n={...r.question,name:r.question.name||r.question.label,value:u};s((e=>[...(null==e?void 0:e.filter((e=>e.name!==n.name)))||[],n])),v(void 0),r.isLast?i(!0):o((e=>{const u=e.number+1;return{number:u,question:t[u],isLast:u+1>=t.length}}))},handleAbort:function(){s(void 0),v(void 0),o({number:0,question:t[0],isLast:1===t.length}),c(!0)}}};
+//# sourceMappingURL=useFollowup.cjs.map

package/build/cjs/components/feedback/followup/useFollowup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFollowup.cjs","sources":["../../../../../src/components/feedback/followup/useFollowup.ts"],"sourcesContent":["import { Dispatch, FormEvent, SetStateAction, useCallback, useEffect, useRef, useState } from \"react\";\nimport { FeedbackAnswer, FeedbackOption, FollowupQuestion } from \"../types.js\";\n\ntype CurrentValue = FeedbackOption<string | number> | FeedbackOption<string | number>[] | undefined;\n\ntype Followup = {\n    questions: FollowupQuestion[];\n    values: FeedbackAnswer[] | undefined;\n    step: {\n        number: number;\n        question: FollowupQuestion;\n        isLast: boolean;\n    };\n    currentValue: CurrentValue;\n    setCurrentValue: Dispatch<SetStateAction<CurrentValue>>;\n    submitted: boolean;\n    handleNext: () => void;\n    handleAbort: () => void;\n};\n\nexport const useFollowup = (questions: FollowupQuestion[], onSubmit: (a: FeedbackAnswer[]) => void): Followup => {\n    const [values, setValues] = useState<FeedbackAnswer[]>();\n    const [step, setStep] = useState({\n        number: 0,\n        question: questions[0],\n        isLast: questions.length === 1,\n    });\n    const [shouldSubmit, setShouldSubmit] = useState(false);\n    const [submitted, setSubmitted] = useState(false);\n    const [currentValue, setCurrentValue] = useState<FeedbackOption | FeedbackOption[]>();\n\n    // Store info in a ref to facilitate autosubmit on component unmount,\n    // or when leaving page\n    const followupRef = useRef({\n        values,\n        submitted,\n        onSubmit,\n    });\n\n    // Keep values in ref updated\n    useEffect(() => {\n        followupRef.current = {\n            ...followupRef.current,\n            values,\n            submitted,\n        };\n    }, [values, submitted]);\n\n    // General method for submitting info\n    const _handleSubmit = useCallback(() => {\n        if (!followupRef.current.submitted && followupRef.current.values !== undefined) {\n            followupRef.current.onSubmit(followupRef.current.values);\n        }\n    }, []);\n\n    // Function for handling going to the next step in the form wizard\n    function handleNext(e?: FormEvent<HTMLFormElement>) {\n        e?.preventDefault();\n\n        const value = Array.isArray(currentValue)\n            ? currentValue.map((option) => option.value.toString())\n            : currentValue?.value;\n\n        const newValue = {\n            ...step.question,\n            name: step.question.name || step.question.label,\n            value,\n        };\n\n        setValues((oldValues) => {\n            const filteredValues = oldValues?.filter((oldValue) => oldValue.name !== newValue.name) || [];\n            return [...filteredValues, newValue as FeedbackAnswer];\n        });\n        setCurrentValue(undefined);\n\n        if (step.isLast) {\n            setShouldSubmit(true);\n        } else {\n            setStep((currentStep) => {\n                const newStepNum = currentStep.number + 1;\n                return {\n                    number: newStepNum,\n                    question: questions[newStepNum],\n                    isLast: newStepNum + 1 >= questions.length,\n                };\n            });\n        }\n    }\n\n    // Let the user abort without submitting answers\n    function handleAbort() {\n        setValues(undefined);\n        setCurrentValue(undefined);\n        setStep({\n            number: 0,\n            question: questions[0],\n            isLast: questions.length === 1,\n        });\n        setSubmitted(true);\n    }\n\n    // Submit info after user submits last question\n    useEffect(() => {\n        if (shouldSubmit) {\n            _handleSubmit();\n            setSubmitted(true);\n        }\n    }, [shouldSubmit, _handleSubmit]);\n\n    // Submit info if component unmounts or page unloads\n    useEffect(() => {\n        if (typeof window !== \"undefined\") {\n            window.addEventListener(\"beforeunload\", _handleSubmit);\n        }\n        return () => {\n            _handleSubmit();\n            window.removeEventListener(\"beforeunload\", _handleSubmit);\n        };\n    }, [_handleSubmit]);\n\n    return { questions, values, step, currentValue, setCurrentValue, submitted, handleNext, handleAbort };\n};\n"],"names":["questions","onSubmit","values","setValues","useState","step","setStep","number","question","isLast","length","shouldSubmit","setShouldSubmit","submitted","setSubmitted","currentValue","setCurrentValue","followupRef","useRef","useEffect","current","_handleSubmit","useCallback","window","addEventListener","removeEventListener","handleNext","e","preventDefault","value","Array","isArray","map","option","toString","newValue","name","label","oldValues","filter","oldValue","currentStep","newStepNum","handleAbort"],"mappings":"6HAoB2B,CAACA,EAA+BC,KACvD,MAAOC,EAAQC,GAAaC,EAA2BA,YAChDC,EAAMC,GAAWF,WAAS,CAC7BG,OAAQ,EACRC,SAAUR,EAAU,GACpBS,OAA6B,IAArBT,EAAUU,UAEfC,EAAcC,GAAmBR,YAAS,IAC1CS,EAAWC,GAAgBV,YAAS,IACpCW,EAAcC,GAAmBZ,EAA4CA,WAI9Ea,EAAcC,EAAAA,OAAO,CACvBhB,OAAAA,EACAW,UAAAA,EACAZ,SAAAA,IAIJkB,EAAAA,WAAU,KACNF,EAAYG,QAAU,IACfH,EAAYG,QACflB,OAAAA,EACAW,UAAAA,EAAA,GAEL,CAACX,EAAQW,IAGN,MAAAQ,EAAgBC,EAAAA,aAAY,MACzBL,EAAYG,QAAQP,gBAA4C,IAA/BI,EAAYG,QAAQlB,QACtDe,EAAYG,QAAQnB,SAASgB,EAAYG,QAAQlB,OAAM,GAE5D,IAiDHiB,OAAAA,EAAAA,WAAU,KACFR,IACcU,IACdP,GAAa,GACjB,GACD,CAACH,EAAcU,IAGlBF,EAAAA,WAAU,YACKI,OAAW,KACXA,OAAAC,iBAAiB,eAAgBH,GAErC,KACWA,IACPE,OAAAE,oBAAoB,eAAgBJ,EAAa,IAE7D,CAACA,IAEG,CAAErB,UAAAA,EAAWE,OAAAA,EAAQG,KAAAA,EAAMU,aAAAA,EAAcC,gBAAAA,EAAiBH,UAAAA,EAAWa,WAhE5E,SAAoBC,GAChB,MAAAA,GAAAA,EAAGC,iBAEH,MAAMC,EAAQC,MAAMC,QAAQhB,GACtBA,EAAaiB,KAAKC,GAAWA,EAAOJ,MAAMK,aAC1C,MAAAnB,OAAA,EAAAA,EAAcc,MAEdM,EAAW,IACV9B,EAAKG,SACR4B,KAAM/B,EAAKG,SAAS4B,MAAQ/B,EAAKG,SAAS6B,MAC1CR,MAAAA,GAGJ1B,GAAWmC,GAEA,KADgB,MAAAA,OAAAA,EAAAA,EAAWC,QAAQC,GAAaA,EAASJ,OAASD,EAASC,SAAS,GAChED,KAE/BnB,OAAgB,GAEZX,EAAKI,OACLG,GAAgB,GAEhBN,GAASmC,IACC,MAAAC,EAAaD,EAAYlC,OAAS,EACjC,MAAA,CACHA,OAAQmC,EACRlC,SAAUR,EAAU0C,GACpBjC,OAAQiC,EAAa,GAAK1C,EAAUU,OAAA,GAIpD,EAiCwFiC,YA9BxF,WACIxC,OAAU,GACVa,OAAgB,GACRV,EAAA,CACJC,OAAQ,EACRC,SAAUR,EAAU,GACpBS,OAA6B,IAArBT,EAAUU,SAEtBI,GAAa,EACjB"}

package/build/cjs/components/feedback/followup/useFollowup.d.cts

@@ -0,0 +1,19 @@
+import { Dispatch, SetStateAction } from 'react';
+import { FeedbackAnswer, FeedbackOption, FollowupQuestion } from '../types.cjs;'
+type CurrentValue = FeedbackOption<string | number> | FeedbackOption<string | number>[] | undefined;
+type Followup = {
+    questions: FollowupQuestion[];
+    values: FeedbackAnswer[] | undefined;
+    step: {
+        number: number;
+        question: FollowupQuestion;
+        isLast: boolean;
+    };
+    currentValue: CurrentValue;
+    setCurrentValue: Dispatch<SetStateAction<CurrentValue>>;
+    submitted: boolean;
+    handleNext: () => void;
+    handleAbort: () => void;
+};
+export declare const useFollowup: (questions: FollowupQuestion[], onSubmit: (a: FeedbackAnswer[]) => void) => Followup;
+export {};

package/build/cjs/components/feedback/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Feedback.cjs"),r=require("./presets.cjs");exports.Feedback=e.Feedback,exports.PRESETS=r.PRESETS;
+//# sourceMappingURL=index.cjs.map

package/build/cjs/components/feedback/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/feedback/index.d.cts

@@ -0,0 +1,3 @@
+import { Feedback } from './Feedback.cjs;'
+import { PRESETS } from './presets.cjs;'
+export { Feedback, PRESETS };

package/build/cjs/components/feedback/main-question/MainQuestion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs"),s=require("react"),i=require("../../../hooks/useAnimatedHeight/useAnimatedHeight.cjs"),r=require("../../button/Button.cjs"),n=require("../feedbackContext.cjs"),a=require("../FeedbackSuccess.cjs"),o=require("../questions/AddonQuestion.cjs"),u=require("../utils.cjs"),l=require("./mainQuestionContext.cjs"),c=require("./useMainQuestion.cjs"),d={title:"Takk for tilbakemeldingen!",children:"Husk at vi ikke kan besvare meldinger fra dette skjemaet. Kontakt gjerne din forsikringsrådgiver om du har flere spørsmål."};exports.MainQuestion=({label:b,options:j,type:m,addOnQuestion:k,successMessage:p=d,helpLabel:x,onSubmit:h})=>{const g=c.useMainQuestion(h),{setFeedbackSubmitted:f,contactSubmitted:v,landmarkLabel:q}=n.useFeedbackContext(),{handleSubmit:y,currentValue:S,setCurrentValue:Q,submitted:A}=g,[C]=i.useAnimatedHeight(void 0!==S);s.useEffect((()=>{f(A)}),[A,f]);const F=u.getQuestionFromType(m);return e.jsxs(e.Fragment,{children:[!A&&e.jsx(l.MainQuestionContextProvider,{state:g,children:e.jsxs("form",{onSubmit:y,"aria-label":q,children:[e.jsx(F,{label:b,options:j,helpLabel:x}),e.jsxs("div",{ref:C,className:t.clsx({"jkl-feedback__submit-wrapper":!0,"jkl-feedback__submit-wrapper--hidden":void 0===S}),children:[k&&e.jsx(o.AddonQuestion,{helpLabel:"object"==typeof k?k.helpLabel:void 0,label:"object"==typeof k?k.label:void 0}),e.jsxs("div",{className:"jkl-spacing-xl--top",children:[e.jsx(r.PrimaryButton,{className:"jkl-spacing-xl--right",children:"Send"}),e.jsx(r.TertiaryButton,{type:"button",onClick:()=>Q(void 0),children:"Avbryt"})]})]})]})}),A&&!v&&e.jsx(a.FeedbackSuccess,{...p})]})};
+//# sourceMappingURL=MainQuestion.cjs.map

package/build/cjs/components/feedback/main-question/MainQuestion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainQuestion.cjs","sources":["../../../../../src/components/feedback/main-question/MainQuestion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ComponentProps, FC, ReactNode, useEffect } from \"react\";\nimport { useAnimatedHeight } from \"../../../hooks/useAnimatedHeight/useAnimatedHeight.js\";\nimport { PrimaryButton, TertiaryButton } from \"../../button/Button.js\";\nimport { Feedback } from \"../Feedback.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\nimport { AddonQuestion } from \"../questions/AddonQuestion.js\";\nimport { FeedbackOption, FeedbackType } from \"../types.js\";\nimport { getQuestionFromType } from \"../utils.js\";\nimport { MainQuestionContextProvider } from \"./mainQuestionContext.js\";\nimport { useMainQuestion } from \"./useMainQuestion.js\";\n\nconst defaultSuccessMessage = {\n    title: \"Takk for tilbakemeldingen!\",\n    children:\n        \"Husk at vi ikke kan besvare meldinger fra dette skjemaet. Kontakt gjerne din forsikringsrådgiver om du har flere spørsmål.\",\n};\n\ntype Props = Pick<ComponentProps<typeof Feedback>, \"addOnQuestion\"> & {\n    type: \"radio\" | \"smiley\";\n    label: string;\n    helpLabel?: string;\n    options: FeedbackOption[];\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n    onSubmit: (value: FeedbackType) => void;\n};\n\nexport const MainQuestion: FC<Props> = ({\n    label,\n    options,\n    type,\n    addOnQuestion,\n    successMessage = defaultSuccessMessage,\n    helpLabel,\n    onSubmit,\n}) => {\n    const mainQuestionState = useMainQuestion(onSubmit);\n\n    const { setFeedbackSubmitted, contactSubmitted, landmarkLabel } = useFeedbackContext();\n    const { handleSubmit, currentValue, setCurrentValue, submitted } = mainQuestionState;\n    const [submitWrapperRef] = useAnimatedHeight<HTMLDivElement>(currentValue !== undefined);\n\n    useEffect(() => {\n        setFeedbackSubmitted(submitted);\n    }, [submitted, setFeedbackSubmitted]);\n\n    const MainQuestionComp = getQuestionFromType(type);\n\n    return (\n        <>\n            {!submitted && (\n                <MainQuestionContextProvider state={mainQuestionState}>\n                    <form onSubmit={handleSubmit} aria-label={landmarkLabel}>\n                        <MainQuestionComp label={label} options={options} helpLabel={helpLabel} />\n                        <div\n                            ref={submitWrapperRef}\n                            className={clsx({\n                                \"jkl-feedback__submit-wrapper\": true,\n                                \"jkl-feedback__submit-wrapper--hidden\": currentValue === undefined,\n                            })}\n                        >\n                            {addOnQuestion && (\n                                <AddonQuestion\n                                    helpLabel={typeof addOnQuestion === \"object\" ? addOnQuestion.helpLabel : undefined}\n                                    label={typeof addOnQuestion === \"object\" ? addOnQuestion.label : undefined}\n                                />\n                            )}\n                            <div className=\"jkl-spacing-xl--top\">\n                                <PrimaryButton className=\"jkl-spacing-xl--right\">Send</PrimaryButton>\n                                <TertiaryButton type=\"button\" onClick={() => setCurrentValue(undefined)}>\n                                    Avbryt\n                                </TertiaryButton>\n                            </div>\n                        </div>\n                    </form>\n                </MainQuestionContextProvider>\n            )}\n            {submitted && !contactSubmitted && <FeedbackSuccess {...successMessage} />}\n        </>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","label","options","type","addOnQuestion","successMessage","helpLabel","onSubmit","mainQuestionState","useMainQuestion","setFeedbackSubmitted","contactSubmitted","landmarkLabel","useFeedbackContext","handleSubmit","currentValue","setCurrentValue","submitted","submitWrapperRef","useAnimatedHeight","useEffect","MainQuestionComp","getQuestionFromType","jsxs","Fragment","jsx","MainQuestionContextProvider","state","ref","className","clsx","AddonQuestion","PrimaryButton","TertiaryButton","onClick","FeedbackSuccess"],"mappings":"ofAaMA,EAAwB,CAC1BC,MAAO,6BACPC,SACI,mJAe+B,EACnCC,MAAAA,EACAC,QAAAA,EACAC,KAAAA,EACAC,cAAAA,EACAC,eAAAA,EAAiBP,EACjBQ,UAAAA,EACAC,SAAAA,MAEM,MAAAC,EAAoBC,kBAAgBF,IAElCG,qBAAAA,EAAsBC,iBAAAA,EAAkBC,cAAAA,GAAkBC,EAAmBA,sBAC7EC,aAAAA,EAAcC,aAAAA,EAAcC,gBAAAA,EAAiBC,UAAAA,GAAcT,GAC5DU,GAAoBC,EAAAA,uBAAmD,IAAjBJ,GAE7DK,EAAAA,WAAU,KACNV,EAAqBO,EAAS,GAC/B,CAACA,EAAWP,IAET,MAAAW,EAAmBC,sBAAoBnB,GAE7C,OAESoB,EAAAA,KAAAC,WAAA,CAAAxB,SAAA,EAACiB,GACGQ,EAAAA,IAAAC,EAAAA,4BAAA,CAA4BC,MAAOnB,EAChCR,gBAAC,OAAK,CAAAO,SAAUO,EAAc,aAAYF,EACtCZ,SAAA,CAACyB,EAAAA,IAAAJ,EAAA,CAAiBpB,MAAAA,EAAcC,QAAAA,EAAkBI,UAAAA,IAClDiB,EAAAA,KAAC,MAAA,CACGK,IAAKV,EACLW,UAAWC,EAAAA,KAAK,CACZ,gCAAgC,EAChC,4CAAyD,IAAjBf,IAG3Cf,SAAA,CACGI,GAAAqB,EAAAA,IAACM,EAAAA,cAAA,CACGzB,UAAoC,iBAAlBF,EAA6BA,EAAcE,eAAY,EACzEL,MAAgC,iBAAlBG,EAA6BA,EAAcH,WAAQ,IAGzEsB,EAAAA,KAAC,MAAI,CAAAM,UAAU,sBACX7B,SAAA,CAACyB,EAAAA,IAAAO,EAAAA,cAAA,CAAcH,UAAU,wBAAwB7B,SAAI,SACrDyB,EAAAA,IAACQ,kBAAe9B,KAAK,SAAS+B,QAAS,IAAMlB,OAAgB,GAAYhB,SAEzE,sBAMnBiB,IAAcN,GAAqBc,EAAAA,IAAAU,EAAAA,gBAAA,IAAoB9B,MAC5D"}

package/build/cjs/components/feedback/main-question/MainQuestion.d.cts

@@ -0,0 +1,16 @@
+import { ComponentProps, FC, ReactNode } from 'react';
+import { Feedback } from '../Feedback.cjs;'
+import { FeedbackOption, FeedbackType } from '../types.cjs;'
+type Props = Pick<ComponentProps<typeof Feedback>, "addOnQuestion"> & {
+    type: "radio" | "smiley";
+    label: string;
+    helpLabel?: string;
+    options: FeedbackOption[];
+    successMessage?: {
+        title: string;
+        children: ReactNode;
+    };
+    onSubmit: (value: FeedbackType) => void;
+};
+export declare const MainQuestion: FC<Props>;
+export {};

package/build/cjs/components/feedback/main-question/mainQuestionContext.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=t.createContext(void 0);exports.MainQuestionContextProvider=({state:t,children:o})=>e.jsx(r.Provider,{value:t,children:o}),exports.useMainQuestionContext=()=>t.useContext(r);
+//# sourceMappingURL=mainQuestionContext.cjs.map

package/build/cjs/components/feedback/main-question/mainQuestionContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mainQuestionContext.cjs","sources":["../../../../../src/components/feedback/main-question/mainQuestionContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FeedbackState } from \"../types.js\";\n\nconst mainQuestionContext = createContext<FeedbackState | undefined>(undefined);\n\nexport const useMainQuestionContext = (): FeedbackState | undefined => useContext(mainQuestionContext);\n\ninterface Props extends WithChildren {\n    state: FeedbackState;\n}\n\nexport const MainQuestionContextProvider: React.FC<Props> = ({ state, children }) => (\n    <mainQuestionContext.Provider value={state}>{children}</mainQuestionContext.Provider>\n);\n"],"names":["mainQuestionContext","createContext","state","children","jsx","Provider","value","useContext"],"mappings":"wIAIMA,EAAsBC,EAAAA,mBAAyC,uCAQT,EAAGC,MAAAA,EAAOC,SAAAA,KACjEC,EAAAA,IAAAJ,EAAoBK,SAApB,CAA6BC,MAAOJ,EAAQC,SAAAA,mCAPX,IAAiCI,EAAAA,WAAWP"}

package/build/cjs/components/feedback/main-question/mainQuestionContext.d.cts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { WithChildren } from '../../../core/types.cjs;'
+import { FeedbackState } from '../types.cjs;'
+export declare const useMainQuestionContext: () => FeedbackState | undefined;
+interface Props extends WithChildren {
+    state: FeedbackState;
+}
+export declare const MainQuestionContextProvider: React.FC<Props>;
+export {};

package/build/cjs/components/feedback/main-question/useMainQuestion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useMainQuestion=t=>{const[u,s]=e.useState(),[r,a]=e.useState(),[n,i]=e.useState(!1),o=e.useRef({onSubmit:t,currentValue:u,message:r,submitted:n});e.useEffect((()=>{o.current={...o.current,onSubmit:t,currentValue:u,message:r,submitted:n}}),[t,u,r,n]);const l=e.useCallback(((e=!0)=>{const{message:t,currentValue:u,submitted:s,onSubmit:r}=o.current;if(!s&&void 0!==u){r({feedbackValue:Array.isArray(u)?u.map((e=>e.value)):null==u?void 0:u.value,intentionalSubmit:e,...e&&t?{message:t}:{}})}}),[]),c=e.useCallback((()=>l(!1)),[l]);return e.useEffect((()=>(typeof window<"u"&&window.addEventListener("beforeunload",c),()=>{c(),window.removeEventListener("beforeunload",c)})),[c]),{currentValue:u,setCurrentValue:s,message:r,setMessage:a,submitted:n,handleSubmit:e=>{e.preventDefault(),l(),i(!0)}}};
+//# sourceMappingURL=useMainQuestion.cjs.map

package/build/cjs/components/feedback/main-question/useMainQuestion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMainQuestion.cjs","sources":["../../../../../src/components/feedback/main-question/useMainQuestion.ts"],"sourcesContent":["import { useState, useRef, useCallback, useEffect, SetStateAction, Dispatch, FormEventHandler } from \"react\";\nimport { FeedbackType, FeedbackOption } from \"../types.js\";\n\ntype Value = FeedbackOption<string | number> | FeedbackOption<string | number>[] | undefined;\n\ntype MainQuestion = {\n    currentValue: Value;\n    setCurrentValue: Dispatch<SetStateAction<Value>>;\n    message: string | undefined;\n    setMessage: Dispatch<SetStateAction<string | undefined>>;\n    submitted: boolean;\n    handleSubmit: FormEventHandler<HTMLFormElement>;\n};\n\nexport const useMainQuestion = (onSubmit: (f: FeedbackType) => void): MainQuestion => {\n    const [currentValue, setCurrentValue] = useState<FeedbackOption | FeedbackOption[]>();\n    const [message, setMessage] = useState<string>();\n    const [submitted, setSubmitted] = useState(false);\n\n    const feedbackRef = useRef({\n        onSubmit,\n        currentValue,\n        message,\n        submitted,\n    });\n\n    useEffect(() => {\n        feedbackRef.current = {\n            ...feedbackRef.current,\n            onSubmit,\n            currentValue,\n            message,\n            submitted,\n        };\n    }, [onSubmit, currentValue, message, submitted]);\n\n    const submitHandler = useCallback((intentionalSubmit = true) => {\n        const { message, currentValue, submitted, onSubmit } = feedbackRef.current;\n\n        if (!submitted && currentValue !== undefined) {\n            const feedbackValue = Array.isArray(currentValue)\n                ? currentValue.map((option) => option.value)\n                : currentValue?.value;\n            onSubmit({\n                feedbackValue,\n                intentionalSubmit,\n                ...(intentionalSubmit && message ? { message } : {}),\n            });\n        }\n    }, []);\n\n    const autoSubmit = useCallback(() => submitHandler(false), [submitHandler]);\n\n    useEffect(() => {\n        if (typeof window !== \"undefined\") {\n            window.addEventListener(\"beforeunload\", autoSubmit);\n        }\n        return () => {\n            autoSubmit();\n            window.removeEventListener(\"beforeunload\", autoSubmit);\n        };\n    }, [autoSubmit]);\n\n    const handleSubmit: FormEventHandler<HTMLFormElement> = (e) => {\n        e.preventDefault();\n        submitHandler();\n        setSubmitted(true);\n    };\n\n    return {\n        currentValue,\n        setCurrentValue,\n        message,\n        setMessage,\n        submitted,\n        handleSubmit,\n    };\n};\n"],"names":["onSubmit","currentValue","setCurrentValue","useState","message","setMessage","submitted","setSubmitted","feedbackRef","useRef","useEffect","current","submitHandler","useCallback","intentionalSubmit","feedbackValue","Array","isArray","map","option","value","autoSubmit","window","addEventListener","removeEventListener","handleSubmit","e","preventDefault"],"mappings":"iIAcgCA,IAC5B,MAAOC,EAAcC,GAAmBC,EAA4CA,YAC7EC,EAASC,GAAcF,EAAiBA,YACxCG,EAAWC,GAAgBJ,YAAS,GAErCK,EAAcC,EAAAA,OAAO,CACvBT,SAAAA,EACAC,aAAAA,EACAG,QAAAA,EACAE,UAAAA,IAGJI,EAAAA,WAAU,KACNF,EAAYG,QAAU,IACfH,EAAYG,QACfX,SAAAA,EACAC,aAAAA,EACAG,QAAAA,EACAE,UAAAA,EAAA,GAEL,CAACN,EAAUC,EAAcG,EAASE,IAErC,MAAMM,EAAgBC,EAAAA,aAAY,CAACC,GAAoB,KAC7C,MAAEV,QAAAA,EAASH,aAAAA,EAAcK,UAAAA,EAAWN,SAAAA,GAAaQ,EAAYG,QAE/D,IAACL,QAA8B,IAAjBL,EAA4B,CAI1CD,EAAS,CACLe,cAJkBC,MAAMC,QAAQhB,GAC9BA,EAAaiB,KAAKC,GAAWA,EAAOC,QACpCnB,MAAAA,OAAAA,EAAAA,EAAcmB,MAGhBN,kBAAAA,KACIA,GAAqBV,EAAU,CAAEA,QAAAA,GAAY,CAAC,GAE1D,IACD,IAEGiB,EAAaR,EAAAA,aAAY,IAAMD,GAAc,IAAQ,CAACA,IAE5DF,OAAAA,EAAAA,WAAU,YACKY,OAAW,KACXA,OAAAC,iBAAiB,eAAgBF,GAErC,KACQA,IACJC,OAAAE,oBAAoB,eAAgBH,EAAU,IAE1D,CAACA,IAQG,CACHpB,aAAAA,EACAC,gBAAAA,EACAE,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAmB,aAZqDC,IACrDA,EAAEC,iBACYf,IACdL,GAAa,EAAI,EASjB"}

package/build/cjs/components/feedback/main-question/useMainQuestion.d.cts

@@ -0,0 +1,13 @@
+import { SetStateAction, Dispatch, FormEventHandler } from 'react';
+import { FeedbackType, FeedbackOption } from '../types.cjs;'
+type Value = FeedbackOption<string | number> | FeedbackOption<string | number>[] | undefined;
+type MainQuestion = {
+    currentValue: Value;
+    setCurrentValue: Dispatch<SetStateAction<Value>>;
+    message: string | undefined;
+    setMessage: Dispatch<SetStateAction<string | undefined>>;
+    submitted: boolean;
+    handleSubmit: FormEventHandler<HTMLFormElement>;
+};
+export declare const useMainQuestion: (onSubmit: (f: FeedbackType) => void) => MainQuestion;
+export {};

package/build/cjs/components/feedback/presets.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={type:"smiley",label:"Hvor fornøyd er du med denne nettsiden?",options:require("./questions/smileyUtils.cjs").defaultOptions,addOnQuestion:!0},t={"Fant du":{type:"radio",label:"Fant du det du lette etter?",options:[{label:"Ja",value:"ja",textAreaLabel:"Så bra! Har du noen tilbakemeldinger kan du skrive dem her."},{label:"Nei",value:"nei",textAreaLabel:"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre."}],addOnQuestion:!0},"Fikk du gjort":{type:"radio",label:"Fikk du gjort det du skulle?",options:[{label:"Ja",value:"ja",textAreaLabel:"Så bra! Har du noen tilbakemeldinger kan du skrive dem her."},{label:"Nei",value:"nei",textAreaLabel:"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre."}],addOnQuestion:!0},"Hvor fornøyd 5":e,Smileys:e};exports.PRESETS=t;
+//# sourceMappingURL=presets.cjs.map

package/build/cjs/components/feedback/presets.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.cjs","sources":["../../../../src/components/feedback/presets.tsx"],"sourcesContent":["import { ComponentProps } from \"react\";\nimport { Feedback } from \"./Feedback.js\";\nimport { defaultOptions as smileyOptions } from \"./questions/smileyUtils.js\";\n\ntype FeedbackProps = ComponentProps<typeof Feedback>;\ntype PresetProperties = Pick<FeedbackProps, \"label\" | \"type\" | \"options\" | \"addOnQuestion\">;\n\nconst smileyQuestion: PresetProperties = {\n    type: \"smiley\",\n    label: \"Hvor fornøyd er du med denne nettsiden?\",\n    options: smileyOptions,\n    addOnQuestion: true,\n};\n\nexport const PRESETS: Record<string, PresetProperties> = {\n    \"Fant du\": {\n        type: \"radio\",\n        label: \"Fant du det du lette etter?\",\n        options: [\n            {\n                label: \"Ja\",\n                value: \"ja\",\n                textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n            },\n            {\n                label: \"Nei\",\n                value: \"nei\",\n                textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n            },\n        ],\n        addOnQuestion: true,\n    },\n    \"Fikk du gjort\": {\n        type: \"radio\",\n        label: \"Fikk du gjort det du skulle?\",\n        options: [\n            {\n                label: \"Ja\",\n                value: \"ja\",\n                textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n            },\n            {\n                label: \"Nei\",\n                value: \"nei\",\n                textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n            },\n        ],\n        addOnQuestion: true,\n    },\n    \"Hvor fornøyd 5\": smileyQuestion,\n    Smileys: smileyQuestion,\n};\n"],"names":["smileyQuestion","type","label","options","defaultOptions","addOnQuestion","PRESETS","value","textAreaLabel","Smileys"],"mappings":"sFAOMA,EAAmC,CACrCC,KAAM,SACNC,MAAO,0CACPC,+CAASC,eACTC,eAAe,GAGNC,EAA4C,CACrD,UAAW,CACPL,KAAM,QACNC,MAAO,8BACPC,QAAS,CACL,CACID,MAAO,KACPK,MAAO,KACPC,cAAe,+DAEnB,CACIN,MAAO,MACPK,MAAO,MACPC,cAAe,uFAGvBH,eAAe,GAEnB,gBAAiB,CACbJ,KAAM,QACNC,MAAO,+BACPC,QAAS,CACL,CACID,MAAO,KACPK,MAAO,KACPC,cAAe,+DAEnB,CACIN,MAAO,MACPK,MAAO,MACPC,cAAe,uFAGvBH,eAAe,GAEnB,iBAAkBL,EAClBS,QAAST"}

package/build/cjs/components/feedback/presets.d.cts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { Feedback } from './Feedback.cjs;'
+type FeedbackProps = ComponentProps<typeof Feedback>;
+type PresetProperties = Pick<FeedbackProps, "label" | "type" | "options" | "addOnQuestion">;
+export declare const PRESETS: Record<string, PresetProperties>;
+export {};

package/build/cjs/components/feedback/questions/AddonQuestion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("../../text-input/TextArea.cjs"),n=require("../feedbackContext.cjs"),l=require("../main-question/mainQuestionContext.cjs");exports.AddonQuestion=({helpLabel:i="Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.",label:s})=>{const{counter:o}=n.useFeedbackContext(),a=l.useMainQuestionContext(),[u,c]=r.useState();if(r.useEffect((()=>{var e,r,t;const n=Array.isArray(null==a?void 0:a.currentValue)?null==(e=null==a?void 0:a.currentValue[0].textAreaLabel)?void 0:e.toString():null==(t=null==(r=null==a?void 0:a.currentValue)?void 0:r.textAreaLabel)?void 0:t.toString();c(n||s)}),[null==a?void 0:a.currentValue,s]),!a)return console.error("Addon question must be used inside a MainQuestion context provider"),null;const{message:d,setMessage:b}=a;return e.jsxs(e.Fragment,{children:[void 0!==a.currentValue&&e.jsxs("div",{className:"jkl-sr-only","aria-live":"polite",children:[u," ",i]}),e.jsx(t.TextArea,{startOpen:!0,rows:4,"data-testid":"jkl-feedback__open-question",className:"jkl-spacing-xl--bottom jkl-spacing-xl--top",label:u,labelProps:{srOnly:!0},placeholder:u,helpLabel:i,value:d||"",onChange:e=>b(e.target.value),counter:o})]})};
+//# sourceMappingURL=AddonQuestion.cjs.map

package/build/cjs/components/feedback/questions/AddonQuestion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonQuestion.cjs","sources":["../../../../../src/components/feedback/questions/AddonQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useState } from \"react\";\nimport { TextArea } from \"../../text-input/TextArea.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\n\ninterface Props {\n    label?: string;\n    helpLabel?: string;\n}\n\nexport const AddonQuestion: React.FC<Props> = ({\n    helpLabel = \"Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.\",\n    label,\n}) => {\n    const { counter } = useFeedbackContext();\n    const context = useMainQuestionContext();\n    const [dynamicLabel, setDynamicLabel] = useState<string>();\n\n    useEffect(() => {\n        const labelFromValue = Array.isArray(context?.currentValue)\n            ? context?.currentValue[0].textAreaLabel?.toString()\n            : context?.currentValue?.textAreaLabel?.toString();\n        setDynamicLabel(labelFromValue || label);\n    }, [context?.currentValue, label]);\n\n    if (!context) {\n        console.error(\"Addon question must be used inside a MainQuestion context provider\");\n        return null;\n    }\n\n    const { message, setMessage } = context;\n    const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => setMessage(e.target.value);\n\n    return (\n        <>\n            {context.currentValue !== undefined && (\n                <div className=\"jkl-sr-only\" aria-live=\"polite\">\n                    {dynamicLabel} {helpLabel}\n                </div>\n            )}\n            <TextArea\n                startOpen\n                rows={4}\n                data-testid=\"jkl-feedback__open-question\"\n                className=\"jkl-spacing-xl--bottom jkl-spacing-xl--top\"\n                label={dynamicLabel}\n                labelProps={{ srOnly: true }}\n                placeholder={dynamicLabel}\n                helpLabel={helpLabel}\n                value={message || \"\"}\n                onChange={handleChange}\n                counter={counter}\n            />\n        </>\n    );\n};\n"],"names":["helpLabel","label","counter","useFeedbackContext","context","useMainQuestionContext","dynamicLabel","setDynamicLabel","useState","useEffect","labelFromValue","Array","isArray","currentValue","_a","textAreaLabel","toString","_c","_b","error","message","setMessage","jsxs","Fragment","children","className","jsx","TextArea","startOpen","rows","labelProps","srOnly","placeholder","value","onChange","e","target"],"mappings":"mSAU8C,EAC1CA,UAAAA,EAAY,uJACZC,MAAAA,MAEM,MAAEC,QAAAA,GAAYC,EAAAA,qBACdC,EAAUC,EAAAA,0BACTC,EAAcC,GAAmBC,EAAiBA,WASzD,GAPAC,EAAAA,WAAU,eACN,MAAMC,EAAiBC,MAAMC,QAAQ,MAAAR,SAAAA,EAASS,cACxC,OAAAC,EAAA,MAAAV,SAAAA,EAASS,aAAa,GAAGE,oBAAzBD,EAAAA,EAAwCE,WACxC,OAAAC,EAAA,OAAAC,EAAA,MAAAd,OAAAA,EAAAA,EAASS,mBAATK,EAAAA,EAAuBH,oBAAvB,EAAAE,EAAsCD,WAC5CT,EAAgBG,GAAkBT,EAAK,GACxC,CAAC,MAAAG,OAAAA,EAAAA,EAASS,aAAcZ,KAEtBG,EACD,eAAQe,MAAM,sEACP,KAGL,MAAEC,QAAAA,EAASC,WAAAA,GAAejB,EAGhC,OAESkB,EAAAA,KAAAC,WAAA,CAAAC,SAAA,MAAyB,IAAzBpB,EAAQS,cACLS,OAAC,OAAIG,UAAU,cAAc,YAAU,SAClCD,SAAA,CAAAlB,EAAa,IAAEN,KAGxB0B,EAAAA,IAACC,EAAAA,SAAA,CACGC,WAAS,EACTC,KAAM,EACN,cAAY,8BACZJ,UAAU,6CACVxB,MAAOK,EACPwB,WAAY,CAAEC,QAAQ,GACtBC,YAAa1B,EACbN,UAAAA,EACAiC,MAAOb,GAAW,GAClBc,SAnBmDC,GAAMd,EAAWc,EAAEC,OAAOH,OAoB7E/B,QAAAA,MAER"}

package/build/cjs/components/feedback/questions/CheckboxQuestion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),u=require("../../checkbox/Checkbox.cjs"),t=require("../../input-group/FieldGroup.cjs"),o=require("../followup/followupContext.cjs"),l=require("../main-question/mainQuestionContext.cjs");exports.CheckboxQuestion=({label:n,name:i,options:s,helpLabel:a,autoFocus:c=!1})=>{const d=o.useFollowUpContext(),p=l.useMainQuestionContext(),f=d||p,x=r.useRef(null);r.useEffect((()=>{c&&x.current&&x.current.focus()}),[c,x]);const b=e=>{const{value:r}=e.target,u=null==s?void 0:s.find((e=>e.value.toString()===r));if(u){if(null==f||!f.currentValue)return void(null==f||f.setCurrentValue([u]));if(Array.isArray(null==f?void 0:f.currentValue)){const e=f.currentValue.find((e=>e===u));e?f.setCurrentValue((r=>r.filter((r=>r!==e)))):f.setCurrentValue((e=>[...e,u]))}}};return f?e.jsx(t.FieldGroup,{labelProps:{variant:"large"},legend:n,helpLabel:a,children:null==s?void 0:s.map(((r,t)=>e.jsx(u.Checkbox,{name:i||n,value:r.value.toString(),onChange:b,ref:0===t?x:void 0,children:r.label},`${n}-${r.value}`)))}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};
+//# sourceMappingURL=CheckboxQuestion.cjs.map

package/build/cjs/components/feedback/questions/CheckboxQuestion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxQuestion.cjs","sources":["../../../../../src/components/feedback/questions/CheckboxQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useRef } from \"react\";\nimport { Checkbox } from \"../../checkbox/Checkbox.js\";\nimport { FieldGroup } from \"../../input-group/FieldGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackOption, QuestionProps } from \"../types.js\";\n\nexport const CheckboxQuestion: React.FC<QuestionProps> = ({ label, name, options, helpLabel, autoFocus = false }) => {\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const ref = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        if (autoFocus && ref.current) {\n            ref.current.focus();\n        }\n    }, [autoFocus, ref]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const { value } = event.target;\n        const matchingOption = options?.find((option) => option.value.toString() === value);\n        if (!matchingOption) return;\n\n        if (!context?.currentValue) {\n            context?.setCurrentValue([matchingOption]);\n            return;\n        }\n\n        if (Array.isArray(context?.currentValue)) {\n            const found = context.currentValue.find((option) => option === matchingOption);\n            if (found) {\n                context.setCurrentValue((oldValues) =>\n                    (oldValues as FeedbackOption[]).filter((option) => option !== found),\n                );\n            } else {\n                context.setCurrentValue((oldValues) => [...(oldValues as FeedbackOption[]), matchingOption]);\n            }\n        }\n    };\n\n    if (!context) {\n        console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n        return null;\n    }\n\n    return (\n        <FieldGroup labelProps={{ variant: \"large\" }} legend={label} helpLabel={helpLabel}>\n            {options?.map((option, i) => (\n                <Checkbox\n                    key={`${label}-${option.value}`}\n                    name={name || label}\n                    value={option.value.toString()}\n                    onChange={handleChange}\n                    ref={i === 0 ? ref : undefined}\n                >\n                    {option.label}\n                </Checkbox>\n            ))}\n        </FieldGroup>\n    );\n};\n"],"names":["label","name","options","helpLabel","autoFocus","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","ref","useRef","useEffect","current","focus","handleChange","event","value","target","matchingOption","find","option","toString","currentValue","setCurrentValue","Array","isArray","found","oldValues","filter","jsx","FieldGroup","labelProps","variant","legend","children","map","i","Checkbox","onChange","console","error"],"mappings":"2VAOyD,EAAGA,MAAAA,EAAOC,KAAAA,EAAMC,QAAAA,EAASC,UAAAA,EAAWC,UAAAA,GAAY,MACrG,MAAMC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAMC,SAAyB,MAErCC,EAAAA,WAAU,KACFR,GAAaM,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACV,EAAWM,IAET,MAAAK,EAAsDC,IAClD,MAAEC,MAAAA,GAAUD,EAAME,OAClBC,EAAiB,MAAAjB,OAAAA,EAAAA,EAASkB,MAAMC,GAAWA,EAAOJ,MAAMK,aAAeL,IAC7E,GAAKE,EAED,CAAA,GAAC,MAAAV,IAAAA,EAASc,aAEV,YADS,MAAAd,GAAAA,EAAAe,gBAAgB,CAACL,KAI9B,GAAIM,MAAMC,QAAQ,MAAAjB,SAAAA,EAASc,cAAe,CACtC,MAAMI,EAAQlB,EAAQc,aAAaH,MAAMC,GAAWA,IAAWF,IAC3DQ,EACQlB,EAAAe,iBAAiBI,GACpBA,EAA+BC,QAAQR,GAAWA,IAAWM,MAGlElB,EAAQe,iBAAiBI,GAAc,IAAKA,EAAgCT,IAEpF,CAAA,GAGJ,OAAKV,EAMAqB,EAAAA,IAAAC,EAAAA,WAAA,CAAWC,WAAY,CAAEC,QAAS,SAAWC,OAAQlC,EAAOG,UAAAA,EACxDgC,SAAA,MAAAjC,OAAAA,EAAAA,EAASkC,KAAI,CAACf,EAAQgB,IACnBP,EAAAA,IAACQ,EAAAA,SAAA,CAEGrC,KAAMA,GAAQD,EACdiB,MAAOI,EAAOJ,MAAMK,WACpBiB,SAAUxB,EACVL,IAAW,IAAN2B,EAAU3B,OAAM,EAEpByB,SAAOd,EAAArB,OANH,GAAGA,KAASqB,EAAOJ,cARpCuB,QAAQC,MAAM,yEACP,KAAA"}

package/build/cjs/components/feedback/questions/CheckboxQuestion.d.cts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { QuestionProps } from '../types.cjs;'
+export declare const CheckboxQuestion: React.FC<QuestionProps>;

package/build/cjs/components/feedback/questions/ContactQuestion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("../../../utilities/validators/isValidEpost/isValidEpost.cjs"),n=require("../../../utilities/validators/isValidTelefonnummer/isValidTelefonnummer.cjs"),a=require("../../button/Button.cjs"),s=require("../../text-input/TextInput.cjs"),l=require("../feedbackContext.cjs"),i=require("../FeedbackSuccess.cjs"),o={title:"Takk for tiden din!",children:"Neste gang vi gjennomfører intervjuer og tester kan det hende vi tar kontakt med deg. Dine innspill hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem."};exports.ContactQuestion=({label:u="Kan vi kontakte deg for flere innspill?",sendButtonLabel:c="Sett meg på lista!",withPhone:d=!1,onSubmit:m,successMessage:p=o,children:g})=>{const[k,j]=t.useState(""),[f,b]=t.useState(""),[v,h]=t.useState({}),x=t.useRef(null),S=t.useRef(null),[E,T]=t.useState(!1),[y,C]=t.useState(!1),{contactSubmitted:N,setContactSubmitted:q,landmarkLabel:V}=l.useFeedbackContext(),P="string"==typeof g?"p":"div",B=(e,t)=>{const a=(e=>e&&""!==e?r.isValidEpost(e)?void 0:"Skriv inn en gyldig e-postadresse":"Du må oppgi e-postadresse for at vi kan kontakte deg")(e),s=(e=>e&&""!==e?n.isValidTelefonnummer(e)?void 0:"Skriv inn et gyldig telefonnummer":"Du må oppgi telefonnummer for at vi kan kontakte deg")(t);return h({email:a,phone:s}),{emailError:a,phoneError:s}};t.useEffect((()=>{if(E){const{emailError:e,phoneError:t}=B(k,f);!e&&(!d||!t)&&T(!1)}}),[k,f,E,d]);const D=e=>t=>e(t.target.value);return y?null:N?e.jsx(i.FeedbackSuccess,{...p}):e.jsxs("form",{className:"jkl-spacing-xl--top",onSubmit:e=>{var t,r;e.preventDefault();const{emailError:n,phoneError:a}=B(k,f);return n?(T(!0),void(null==(t=x.current)||t.focus())):d&&a?(T(!0),void(null==(r=S.current)||r.focus())):(m({email:k,phone:d?f:void 0}),void q(!0))},"aria-label":V,children:[e.jsx("p",{className:"jkl-heading-4 jkl-spacing-xs--bottom",children:u}),g&&e.jsx(P,{className:"jkl-body",children:g}),e.jsx(s.TextInput,{ref:x,className:"jkl-spacing-l--top",label:"E-post",labelProps:{variant:"small"},autoComplete:"email",name:"email",value:k,onChange:D(j),errorLabel:v.email}),d&&e.jsx(s.TextInput,{ref:S,className:"jkl-spacing-l--top",label:"Telefonnummer",labelProps:{variant:"small"},autoComplete:"tel",name:"phone",value:f,onChange:D(b),errorLabel:v.phone}),e.jsxs("div",{className:"jkl-spacing-xl--top",children:[e.jsx(a.PrimaryButton,{type:"submit",className:"jkl-spacing-xl--right",children:c}),e.jsx(a.TertiaryButton,{onClick:()=>C(!0),children:"Nei takk"})]})]})};
+//# sourceMappingURL=ContactQuestion.cjs.map

package/build/cjs/components/feedback/questions/ContactQuestion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactQuestion.cjs","sources":["../../../../../src/components/feedback/questions/ContactQuestion.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, ReactNode, useEffect, useRef, useState } from \"react\";\nimport { isValidEpost, isValidTelefonnummer } from \"../../../utilities/validators/index.js\";\nimport { PrimaryButton, TertiaryButton } from \"../../button/Button.js\";\nimport { TextInput } from \"../../text-input/TextInput.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\n\nconst validateEmail = (email?: string) => {\n    if (!email || email === \"\") {\n        return \"Du må oppgi e-postadresse for at vi kan kontakte deg\";\n    }\n    if (!isValidEpost(email)) {\n        return \"Skriv inn en gyldig e-postadresse\";\n    }\n    return;\n};\n\nconst validatePhone = (phone?: string) => {\n    if (!phone || phone === \"\") {\n        return \"Du må oppgi telefonnummer for at vi kan kontakte deg\";\n    }\n    if (!isValidTelefonnummer(phone)) {\n        return \"Skriv inn et gyldig telefonnummer\";\n    }\n    return;\n};\n\nconst defaultSuccessMessage = {\n    title: \"Takk for tiden din!\",\n    children:\n        \"Neste gang vi gjennomfører intervjuer og tester kan det hende vi tar kontakt med deg. Dine innspill hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n    /**\n     * Lar deg tilpasse spørsmålsteksten.\n     * @default \"Kan vi kontakte deg for flere innspill?\"\n     * */\n    label?: string;\n    /**\n     * Lar deg tilpasse teksten på knappen for innsending.\n     * @default \"Sett meg på lista!\"\n     * */\n    sendButtonLabel?: string;\n    /** Sett til true om du også vil spørre om brukjerens telefonnummer i tillegg til epost */\n    withPhone?: boolean;\n    /** Her kan du legge inn eventuelt annet innhold du vil ha med. Kommer mellom overskriften og feltene for utfylling */\n    children?: ReactNode;\n    onSubmit: (values: { email: string; phone?: string }) => void;\n    /** Lar deg tilpasse meldingen som kommer når brukeren sender inn skjemaet.  */\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n}\n\nexport const ContactQuestion: FC<Props> = ({\n    label = \"Kan vi kontakte deg for flere innspill?\",\n    sendButtonLabel = \"Sett meg på lista!\",\n    withPhone = false,\n    onSubmit,\n    successMessage = defaultSuccessMessage,\n    children,\n}) => {\n    const [email, setEmail] = useState(\"\");\n    const [phone, setPhone] = useState(\"\");\n    const [errors, setErrors] = useState<{ email?: string; phone?: string }>({});\n    const emailRef = useRef<HTMLInputElement>(null);\n    const phoneRef = useRef<HTMLInputElement>(null);\n    const [shouldValidate, setShouldValidate] = useState(false);\n\n    const [noThanks, setNoThanks] = useState(false);\n    const { contactSubmitted, setContactSubmitted, landmarkLabel } = useFeedbackContext();\n\n    const ChildrenWrapper = typeof children === \"string\" ? \"p\" : \"div\";\n\n    const validate = (email: string, phone: string) => {\n        const emailError = validateEmail(email);\n        const phoneError = validatePhone(phone);\n        setErrors({ email: emailError, phone: phoneError });\n        return { emailError, phoneError };\n    };\n\n    useEffect(() => {\n        if (shouldValidate) {\n            const { emailError, phoneError } = validate(email, phone);\n\n            if (!emailError && (!withPhone || !phoneError)) {\n                setShouldValidate(false);\n            }\n        }\n    }, [email, phone, shouldValidate, withPhone]);\n\n    const handleChange = (consumer: (value: string) => void) => (e: ChangeEvent<HTMLInputElement>) =>\n        consumer(e.target.value);\n\n    const handleSubmit: React.FormEventHandler = (e) => {\n        e.preventDefault();\n\n        const { emailError, phoneError } = validate(email, phone);\n        if (emailError) {\n            setShouldValidate(true);\n            emailRef.current?.focus();\n            return;\n        }\n        if (withPhone && phoneError) {\n            setShouldValidate(true);\n            phoneRef.current?.focus();\n            return;\n        }\n\n        onSubmit({ email, phone: withPhone ? phone : undefined });\n        setContactSubmitted(true);\n    };\n\n    if (noThanks) {\n        return null;\n    }\n\n    if (contactSubmitted) {\n        return <FeedbackSuccess {...successMessage} />;\n    }\n\n    return (\n        <form className=\"jkl-spacing-xl--top\" onSubmit={handleSubmit} aria-label={landmarkLabel}>\n            <p className=\"jkl-heading-4 jkl-spacing-xs--bottom\">{label}</p>\n            {children && <ChildrenWrapper className=\"jkl-body\">{children}</ChildrenWrapper>}\n\n            <TextInput\n                ref={emailRef}\n                className=\"jkl-spacing-l--top\"\n                label=\"E-post\"\n                labelProps={{ variant: \"small\" }}\n                autoComplete=\"email\"\n                name=\"email\"\n                value={email}\n                onChange={handleChange(setEmail)}\n                errorLabel={errors.email}\n            />\n            {withPhone && (\n                <TextInput\n                    ref={phoneRef}\n                    className=\"jkl-spacing-l--top\"\n                    label=\"Telefonnummer\"\n                    labelProps={{ variant: \"small\" }}\n                    autoComplete=\"tel\"\n                    name=\"phone\"\n                    value={phone}\n                    onChange={handleChange(setPhone)}\n                    errorLabel={errors.phone}\n                />\n            )}\n\n            <div className=\"jkl-spacing-xl--top\">\n                <PrimaryButton type=\"submit\" className=\"jkl-spacing-xl--right\">\n                    {sendButtonLabel}\n                </PrimaryButton>\n                <TertiaryButton onClick={() => setNoThanks(true)}>Nei takk</TertiaryButton>\n            </div>\n        </form>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","label","sendButtonLabel","withPhone","onSubmit","successMessage","email","setEmail","useState","phone","setPhone","errors","setErrors","emailRef","useRef","phoneRef","shouldValidate","setShouldValidate","noThanks","setNoThanks","contactSubmitted","setContactSubmitted","landmarkLabel","useFeedbackContext","ChildrenWrapper","validate","emailError","isValidEpost","validateEmail","phoneError","isValidTelefonnummer","validatePhone","useEffect","handleChange","consumer","e","target","value","jsx","FeedbackSuccess","className","preventDefault","_a","current","focus","_b","TextInput","ref","labelProps","variant","autoComplete","name","onChange","errorLabel","jsxs","PrimaryButton","type","TertiaryButton","onClick"],"mappings":"mcA2BMA,EAAwB,CAC1BC,MAAO,sBACPC,SACI,8MA0BkC,EACtCC,MAAAA,EAAQ,0CACRC,gBAAAA,EAAkB,qBAClBC,UAAAA,GAAY,EACZC,SAAAA,EACAC,eAAAA,EAAiBP,EACjBE,SAAAA,MAEA,MAAOM,EAAOC,GAAYC,WAAS,KAC5BC,EAAOC,GAAYF,WAAS,KAC5BG,EAAQC,GAAaJ,EAAAA,SAA6C,CAAE,GACrEK,EAAWC,SAAyB,MACpCC,EAAWD,SAAyB,OACnCE,EAAgBC,GAAqBT,YAAS,IAE9CU,EAAUC,GAAeX,YAAS,IACjCY,iBAAAA,EAAkBC,oBAAAA,EAAqBC,cAAAA,GAAkBC,EAAmBA,qBAE9EC,EAAsC,iBAAbxB,EAAwB,IAAM,MAEvDyB,EAAW,CAACnB,EAAeG,KACvB,MAAAiB,EAtESpB,IACdA,GAAmB,KAAVA,EAGTqB,EAAAA,aAAarB,QAAd,EACO,oCAHA,uDAoEYsB,CAActB,GAC3BuB,EA7DSpB,IACdA,GAAmB,KAAVA,EAGTqB,EAAAA,qBAAqBrB,QAAtB,EACO,oCAHA,uDA2DYsB,CAActB,GACjC,OAAAG,EAAU,CAAEN,MAAOoB,EAAYjB,MAAOoB,IAC/B,CAAEH,WAAAA,EAAYG,WAAAA,IAGzBG,EAAAA,WAAU,KACN,GAAIhB,EAAgB,CAChB,MAAQU,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,IAE9CiB,KAAgBvB,IAAc0B,IAC/BZ,GAAkB,EAE1B,IACD,CAACX,EAAOG,EAAOO,EAAgBb,IAE5B,MAAA8B,EAAgBC,GAAuCC,GACzDD,EAASC,EAAEC,OAAOC,OAqBtB,OAAInB,EACO,KAGPE,EACOkB,EAAAA,IAACC,EAAiBA,gBAAA,IAAGlC,WAI3B,OAAK,CAAAmC,UAAU,sBAAsBpC,SA5BI+B,YAC1CA,EAAEM,iBAEF,MAAQf,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,GACnD,OAAIiB,GACAT,GAAkB,QAClB,OAAAyB,EAAA7B,EAAS8B,UAATD,EAAkBE,UAGlBzC,GAAa0B,GACbZ,GAAkB,QAClB,OAAA4B,EAAA9B,EAAS4B,UAATE,EAAkBD,WAItBxC,EAAS,CAAEE,MAAAA,EAAOG,MAAON,EAAYM,OAAQ,SAC7CY,GAAoB,GAAI,EAYsC,aAAYC,EACtEtB,SAAA,CAACsC,EAAAA,IAAA,IAAA,CAAEE,UAAU,uCAAwCxC,SAAMC,IAC1DD,GAAYsC,EAAAA,IAACd,EAAgB,CAAAgB,UAAU,WAAYxC,SAAAA,IAEpDsC,EAAAA,IAACQ,EAAAA,UAAA,CACGC,IAAKlC,EACL2B,UAAU,qBACVvC,MAAM,SACN+C,WAAY,CAAEC,QAAS,SACvBC,aAAa,QACbC,KAAK,QACLd,MAAO/B,EACP8C,SAAUnB,EAAa1B,GACvB8C,WAAY1C,EAAOL,QAEtBH,GACGmC,EAAAA,IAACQ,EAAAA,UAAA,CACGC,IAAKhC,EACLyB,UAAU,qBACVvC,MAAM,gBACN+C,WAAY,CAAEC,QAAS,SACvBC,aAAa,MACbC,KAAK,QACLd,MAAO5B,EACP2C,SAAUnB,EAAavB,GACvB2C,WAAY1C,EAAOF,QAI3B6C,EAAAA,KAAC,MAAI,CAAAd,UAAU,sBACXxC,SAAA,CAAAsC,MAACiB,EAAAA,cAAc,CAAAC,KAAK,SAAShB,UAAU,wBAClCxC,SACLE,UACCuD,EAAAA,eAAe,CAAAC,QAAS,IAAMvC,GAAY,GAAOnB,SAAQ,kBAElE"}

package/build/cjs/components/feedback/questions/RadioQuestion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),o=require("../../radio-button/RadioButton.cjs"),t=require("../../radio-button/RadioButtonGroup.cjs"),l=require("../followup/followupContext.cjs"),n=require("../main-question/mainQuestionContext.cjs");exports.RadioQuestion=({label:r,name:i,options:a,helpLabel:s,autoFocus:d=!1})=>{const c=l.useFollowUpContext(),v=n.useMainQuestionContext(),p=c||v,b=u.useId(),g=(null==a?void 0:a.length)||0,x=u.useRef(null);u.useEffect((()=>{d&&x.current&&x.current.focus()}),[d,x]);const f=u.useMemo((()=>{var e;return Array.isArray(null==p?void 0:p.currentValue)?null==p?void 0:p.currentValue[0].value.toString():null==(e=null==p?void 0:p.currentValue)?void 0:e.value.toString()}),[null==p?void 0:p.currentValue]);return p?e.jsx(t.RadioButtonGroup,{legend:r,labelProps:{variant:"large"},name:`${b}-${i||r}`,inline:g<3,value:f||"",onChange:e=>{const u=null==a?void 0:a.find((u=>u.value.toString()===e.target.value));null==p||p.setCurrentValue(u)},helpLabel:s,children:null==a?void 0:a.map(((u,t)=>e.jsx(o.RadioButton,{ref:0===t?x:void 0,label:u.label,value:String(u.value)},`${b}-${i||r}-${u.value}`)))}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};
+//# sourceMappingURL=RadioQuestion.cjs.map

package/build/cjs/components/feedback/questions/RadioQuestion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioQuestion.cjs","sources":["../../../../../src/components/feedback/questions/RadioQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useId, useMemo, useRef } from \"react\";\nimport { RadioButton } from \"../../radio-button/RadioButton.js\";\nimport { RadioButtonGroup } from \"../../radio-button/RadioButtonGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { QuestionProps } from \"../types.js\";\n\nexport const RadioQuestion: React.FC<QuestionProps> = ({ label, name, options, helpLabel, autoFocus = false }) => {\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const id = useId();\n\n    const numOptions = options?.length || 0;\n\n    const ref = useRef<HTMLInputElement>(null);\n    useEffect(() => {\n        if (autoFocus && ref.current) {\n            ref.current.focus();\n        }\n    }, [autoFocus, ref]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n        const option = options?.find((option) => option.value.toString() === e.target.value);\n        context?.setCurrentValue(option);\n    };\n\n    const selectedValue = useMemo(\n        () =>\n            Array.isArray(context?.currentValue)\n                ? context?.currentValue[0].value.toString()\n                : context?.currentValue?.value.toString(),\n        [context?.currentValue],\n    );\n\n    if (!context) {\n        console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n        return null;\n    }\n\n    return (\n        <RadioButtonGroup\n            legend={label}\n            labelProps={{ variant: \"large\" }}\n            name={`${id}-${name || label}`}\n            inline={numOptions < 3}\n            value={selectedValue || \"\"}\n            onChange={handleChange}\n            helpLabel={helpLabel}\n        >\n            {options?.map((option, i) => (\n                <RadioButton\n                    ref={i === 0 ? ref : undefined}\n                    key={`${id}-${name || label}-${option.value}`}\n                    label={option.label}\n                    value={String(option.value)}\n                />\n            ))}\n        </RadioButtonGroup>\n    );\n};\n"],"names":["label","name","options","helpLabel","autoFocus","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","id","useId","numOptions","length","ref","useRef","useEffect","current","focus","selectedValue","useMemo","Array","isArray","currentValue","value","toString","_a","jsx","RadioButtonGroup","legend","labelProps","variant","inline","onChange","e","option","find","target","setCurrentValue","children","map","i","RadioButton","String","console","error"],"mappings":"sWAOsD,EAAGA,MAAAA,EAAOC,KAAAA,EAAMC,QAAAA,EAASC,UAAAA,EAAWC,UAAAA,GAAY,MAClG,MAAMC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAKC,EAAAA,QAELC,GAAa,MAAAV,OAAA,EAAAA,EAASW,SAAU,EAEhCC,EAAMC,SAAyB,MACrCC,EAAAA,WAAU,KACFZ,GAAaU,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACd,EAAWU,IAET,MAKAK,EAAgBC,EAAAA,SAClB,WACI,OAAAC,MAAMC,QAAQ,MAAAb,OAAAA,EAAAA,EAASc,cACjB,MAAAd,OAAAA,EAAAA,EAASc,aAAa,GAAGC,MAAMC,WAC/B,OAAAC,EAAA,MAAAjB,OAAAA,EAAAA,EAASc,mBAAT,EAAAG,EAAuBF,MAAMC,UAAA,GACvC,CAAC,MAAAhB,OAAAA,EAAAA,EAASc,eAGd,OAAKd,EAMDkB,EAAAA,IAACC,EAAAA,iBAAA,CACGC,OAAQ7B,EACR8B,WAAY,CAAEC,QAAS,SACvB9B,KAAM,GAAGS,KAAMT,GAAQD,IACvBgC,OAAQpB,EAAa,EACrBY,MAAOL,GAAiB,GACxBc,SAzBoDC,IAClD,MAAAC,EAAS,MAAAjC,SAAAA,EAASkC,MAAMD,GAAWA,EAAOX,MAAMC,aAAeS,EAAEG,OAAOb,QAC9E,MAAAf,GAAAA,EAAS6B,gBAAgBH,IAwBrBhC,UAAAA,EAECoC,SAAS,MAAArC,OAAA,EAAAA,EAAAsC,KAAI,CAACL,EAAQM,IACnBd,EAAAA,IAACe,EAAAA,YAAA,CACG5B,IAAW,IAAN2B,EAAU3B,OAAM,EAErBd,MAAOmC,EAAOnC,MACdwB,MAAOmB,OAAOR,EAAOX,QAFhB,GAAGd,KAAMT,GAAQD,KAASmC,EAAOX,cAjBlDoB,QAAQC,MAAM,yEACP,KAAA"}

package/build/cjs/components/feedback/questions/RadioQuestion.d.cts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { QuestionProps } from '../types.cjs;'
+export declare const RadioQuestion: React.FC<QuestionProps>;

package/build/cjs/components/feedback/questions/SmileyQuestion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),r=require("../../input-group/FieldGroup.cjs"),u=require("../followup/followupContext.cjs"),n=require("../main-question/mainQuestionContext.cjs"),o=require("./smileyUtils.cjs"),a=e=>"number"!=typeof e.value||![1,2,3,4,5].includes(e.value);exports.SmileyQuestion=({label:s,name:t="smiley",helpLabel:i,options:c=o.defaultOptions})=>{const d=u.useFollowUpContext(),m=n.useMainQuestionContext(),v=d||m,p=l.useId(),j=e=>{console.log(e.target.value);const l=null==c?void 0:c.find((l=>l.value.toString()===e.target.value));null==v||v.setCurrentValue(l)},y=l.useMemo((()=>{var e;return Array.isArray(null==v?void 0:v.currentValue)?null==v?void 0:v.currentValue[0].value:null==(e=null==v?void 0:v.currentValue)?void 0:e.value}),[null==v?void 0:v.currentValue]);return c.some(a)?(console.error("SmileyQuestion må ha tallene 1 til 5 som verdier for alternativene sine"),null):v&&c?e.jsx(r.FieldGroup,{labelProps:{variant:"large"},legend:s,helpLabel:i,children:e.jsx("div",{className:"jkl-feedback-smileys",children:c.map((r=>e.jsxs(l.Fragment,{children:[e.jsx("input",{className:"jkl-sr-only",id:`${p}-${t}-${r.value}`,name:`${p}-${t}`,type:"radio",value:r.value,onChange:j,checked:y===r.value}),e.jsxs("label",{className:"jkl-feedback-smiley-option",htmlFor:`${p}-${t}-${r.value}`,children:[e.jsx("span",{className:"jkl-sr-only",children:r.label}),o.getSmiley(Number(r.value))]})]},r.value)))})}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};
+//# sourceMappingURL=SmileyQuestion.cjs.map

package/build/cjs/components/feedback/questions/SmileyQuestion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmileyQuestion.cjs","sources":["../../../../../src/components/feedback/questions/SmileyQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, Fragment, useId, useMemo } from \"react\";\nimport { FieldGroup } from \"../../input-group/FieldGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackOption, QuestionProps } from \"../types.js\";\nimport { defaultOptions, getSmiley } from \"./smileyUtils.js\";\n\nconst isNotInScale = (option: FeedbackOption) =>\n    typeof option.value !== \"number\" || ![1, 2, 3, 4, 5].includes(option.value);\n\nexport const SmileyQuestion: React.FC<QuestionProps> = ({\n    label,\n    name = \"smiley\",\n    helpLabel,\n    options = defaultOptions,\n}) => {\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const id = useId();\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n        console.log(e.target.value);\n        const option = options?.find((option) => option.value.toString() === e.target.value);\n        context?.setCurrentValue(option);\n    };\n\n    const selectedValue = useMemo(\n        () => (Array.isArray(context?.currentValue) ? context?.currentValue[0].value : context?.currentValue?.value),\n        [context?.currentValue],\n    );\n\n    if (options.some(isNotInScale)) {\n        console.error(\"SmileyQuestion må ha tallene 1 til 5 som verdier for alternativene sine\");\n        return null;\n    }\n\n    if (!context || !options) {\n        console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n        return null;\n    }\n\n    return (\n        <FieldGroup labelProps={{ variant: \"large\" }} legend={label} helpLabel={helpLabel}>\n            <div className=\"jkl-feedback-smileys\">\n                {options.map((option) => (\n                    <Fragment key={option.value}>\n                        <input\n                            className=\"jkl-sr-only\"\n                            id={`${id}-${name}-${option.value}`}\n                            name={`${id}-${name}`}\n                            type=\"radio\"\n                            value={option.value}\n                            onChange={handleChange}\n                            checked={selectedValue === option.value}\n                        />\n                        <label className=\"jkl-feedback-smiley-option\" htmlFor={`${id}-${name}-${option.value}`}>\n                            <span className=\"jkl-sr-only\">{option.label}</span>\n                            {getSmiley(Number(option.value))}\n                        </label>\n                    </Fragment>\n                ))}\n            </div>\n        </FieldGroup>\n    );\n};\n"],"names":["isNotInScale","option","value","includes","label","name","helpLabel","options","defaultOptions","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","id","useId","handleChange","e","console","log","target","find","toString","setCurrentValue","selectedValue","useMemo","isArray","currentValue","_a","some","error","FieldGroup","labelProps","variant","legend","children","jsx","className","map","Fragment","type","onChange","checked","jsxs","htmlFor","getSmiley","Number"],"mappings":"wTAOMA,EAAgBC,GACM,iBAAjBA,EAAOC,QAAuB,CAAC,EAAG,EAAG,EAAG,EAAG,GAAGC,SAASF,EAAOC,8BAElB,EACnDE,MAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,QAAAA,EAAUC,EAAAA,mBAEV,MAAMC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAKC,EAAAA,QAELC,EAAsDC,IAChDC,QAAAC,IAAIF,EAAEG,OAAOlB,OACf,MAAAD,EAAS,MAAAM,OAAAA,EAAAA,EAASc,MAAMpB,GAAWA,EAAOC,MAAMoB,aAAeL,EAAEG,OAAOlB,QAC9E,MAAAW,GAAAA,EAASU,gBAAgBtB,IAGvBuB,EAAgBC,EAAAA,SAClB,WAAO,aAAMC,QAAQ,MAAAb,OAAAA,EAAAA,EAASc,cAAgB,MAAAd,OAAA,EAAAA,EAASc,aAAa,GAAGzB,MAAQ,OAAA0B,EAAA,MAAAf,OAAA,EAAAA,EAASc,qBAATC,EAAuB1B,QACtG,CAAC,MAAAW,OAAAA,EAAAA,EAASc,eAGV,OAAApB,EAAQsB,KAAK7B,IACbkB,QAAQY,MAAM,2EACP,MAGNjB,GAAYN,QAMZwB,EAAAA,WAAW,CAAAC,WAAY,CAAEC,QAAS,SAAWC,OAAQ9B,EAAOE,UAAAA,EACzD6B,SAACC,EAAAA,IAAA,MAAA,CAAIC,UAAU,uBACVF,SAAA5B,EAAQ+B,KAAKrC,UACTsC,EACGA,SAAA,CAAAJ,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACGC,UAAU,cACVvB,GAAI,GAAGA,KAAMT,KAAQJ,EAAOC,QAC5BG,KAAM,GAAGS,KAAMT,IACfmC,KAAK,QACLtC,MAAOD,EAAOC,MACduC,SAAUzB,EACV0B,QAASlB,IAAkBvB,EAAOC,QAErCyC,EAAAA,KAAA,QAAA,CAAMN,UAAU,6BAA6BO,QAAS,GAAG9B,KAAMT,KAAQJ,EAAOC,QAC3EiC,SAAA,CAAAC,EAAAA,IAAC,OAAK,CAAAC,UAAU,cAAeF,SAAAlC,EAAOG,QACrCyC,EAAAA,UAAUC,OAAO7C,EAAOC,aAZlBD,EAAOC,cARlCgB,QAAQY,MAAM,yEACP,KAwBP"}

package/build/cjs/components/feedback/questions/SmileyQuestion.d.cts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { QuestionProps } from '../types.cjs;'
+export declare const SmileyQuestion: React.FC<QuestionProps>;

package/build/cjs/components/feedback/questions/TextQuestion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("../../text-input/TextArea.cjs"),n=require("../feedbackContext.cjs"),u=require("../followup/followupContext.cjs"),l=require("../main-question/mainQuestionContext.cjs");exports.TextQuestion=({label:o,name:a,helpLabel:s="Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.",autoFocus:i=!1})=>{const{counter:c}=n.useFeedbackContext(),b=u.useFollowUpContext(),d=l.useMainQuestionContext(),v=b||d,p=r.useRef(null);r.useEffect((()=>{i&&p.current&&p.current.focus()}),[i,p]);const x=r.useMemo((()=>{var e;return Array.isArray(null==v?void 0:v.currentValue)?null==v?void 0:v.currentValue[0].value.toString():null==(e=null==v?void 0:v.currentValue)?void 0:e.value.toString()}),[null==v?void 0:v.currentValue]);return v?e.jsx(t.TextArea,{ref:p,label:o,labelProps:{variant:"large"},name:a||o,startOpen:!0,rows:5,value:x,onChange:e=>{const r={label:o,name:a||o,type:"text",value:e.target.value};null==v||v.setCurrentValue(r)},helpLabel:s,counter:c}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};
+//# sourceMappingURL=TextQuestion.cjs.map

package/build/cjs/components/feedback/questions/TextQuestion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextQuestion.cjs","sources":["../../../../../src/components/feedback/questions/TextQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useMemo, useRef } from \"react\";\nimport { TextArea } from \"../../text-input/TextArea.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackAnswer, QuestionProps } from \"../types.js\";\n\nexport const TextQuestion: React.FC<QuestionProps> = ({\n    label,\n    name,\n    helpLabel = \"Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.\",\n    autoFocus = false,\n}) => {\n    const { counter } = useFeedbackContext();\n    const followupContext = useFollowUpContext();\n    const feedbackContext = useMainQuestionContext();\n    const context = followupContext || feedbackContext;\n    const ref = useRef<HTMLTextAreaElement>(null);\n\n    useEffect(() => {\n        if (autoFocus && ref.current) {\n            ref.current.focus();\n        }\n    }, [autoFocus, ref]);\n\n    const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n        const value: FeedbackAnswer = {\n            label,\n            name: name || label,\n            type: \"text\",\n            value: e.target.value,\n        };\n        context?.setCurrentValue(value);\n    };\n\n    const currentValue = useMemo(\n        () =>\n            Array.isArray(context?.currentValue)\n                ? context?.currentValue[0].value.toString()\n                : context?.currentValue?.value.toString(),\n        [context?.currentValue],\n    );\n\n    if (!context) {\n        console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n        return null;\n    }\n\n    return (\n        <TextArea\n            ref={ref}\n            label={label}\n            labelProps={{ variant: \"large\" }}\n            name={name || label}\n            startOpen\n            rows={5}\n            value={currentValue}\n            onChange={handleChange}\n            helpLabel={helpLabel}\n            counter={counter}\n        />\n    );\n};\n"],"names":["label","name","helpLabel","autoFocus","counter","useFeedbackContext","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","ref","useRef","useEffect","current","focus","currentValue","useMemo","Array","isArray","value","toString","_a","jsx","TextArea","labelProps","variant","startOpen","rows","onChange","e","type","target","setCurrentValue","console","error"],"mappings":"+UAOqD,EACjDA,MAAAA,EACAC,KAAAA,EACAC,UAAAA,EAAY,uJACZC,UAAAA,GAAY,MAEN,MAAEC,QAAAA,GAAYC,EAAAA,qBACdC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,yBAClBC,EAAUJ,GAAmBE,EAC7BG,EAAMC,SAA4B,MAExCC,EAAAA,WAAU,KACFV,GAAaQ,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACZ,EAAWQ,IAET,MAUAK,EAAeC,EAAAA,SACjB,WACI,OAAAC,MAAMC,QAAQ,MAAAT,OAAA,EAAAA,EAASM,cACjB,MAAAN,OAAAA,EAAAA,EAASM,aAAa,GAAGI,MAAMC,WAC/B,OAAAC,EAAA,MAAAZ,SAAAA,EAASM,mBAATM,EAAAA,EAAuBF,MAAMC,UAAA,GACvC,CAAC,MAAAX,OAAA,EAAAA,EAASM,eAGd,OAAKN,EAMDa,EAAAA,IAACC,EAAAA,SAAA,CACGb,IAAAA,EACAX,MAAAA,EACAyB,WAAY,CAAEC,QAAS,SACvBzB,KAAMA,GAAQD,EACd2B,WAAS,EACTC,KAAM,EACNR,MAAOJ,EACPa,SAhCuDC,IAC3D,MAAMV,EAAwB,CAC1BpB,MAAAA,EACAC,KAAMA,GAAQD,EACd+B,KAAM,OACNX,MAAOU,EAAEE,OAAOZ,OAEpB,MAAAV,GAAAA,EAASuB,gBAAgBb,EAAAA,EA0BrBlB,UAAAA,EACAE,QAAAA,KAfJ8B,QAAQC,MAAM,yEACP,KAAA"}

package/build/cjs/components/feedback/questions/TextQuestion.d.cts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { QuestionProps } from '../types.cjs;'
+export declare const TextQuestion: React.FC<QuestionProps>;

package/build/cjs/components/feedback/questions/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CheckboxQuestion.cjs"),o=require("./RadioQuestion.cjs"),t=require("./TextQuestion.cjs"),s=require("./SmileyQuestion.cjs"),i=require("./AddonQuestion.cjs"),n=require("./ContactQuestion.cjs");exports.CheckboxQuestion=e.CheckboxQuestion,exports.RadioQuestion=o.RadioQuestion,exports.TextQuestion=t.TextQuestion,exports.SmileyQuestion=s.SmileyQuestion,exports.AddonQuestion=i.AddonQuestion,exports.ContactQuestion=n.ContactQuestion;
+//# sourceMappingURL=index.cjs.map

package/build/cjs/components/feedback/questions/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/feedback/questions/index.d.cts

@@ -0,0 +1,6 @@
+export { CheckboxQuestion } from './CheckboxQuestion.cjs;'
+export { RadioQuestion } from './RadioQuestion.cjs;'
+export { TextQuestion } from './TextQuestion.cjs;'
+export { SmileyQuestion } from './SmileyQuestion.cjs;'
+export { AddonQuestion } from './AddonQuestion.cjs;'
+export { ContactQuestion } from './ContactQuestion.cjs;'

package/build/cjs/components/feedback/questions/smileyUtils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=({children:r})=>e.jsxs("svg",{className:"jkl-feedback-smiley-option__icon","aria-hidden":!0,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:"20",cy:"20",r:"19",stroke:"currentColor",strokeWidth:"2"}),r]}),t=()=>e.jsxs(r,{children:[e.jsx("path",{d:"M10 30C10 24.4772 14.4772 20 20 20C25.5228 20 30 24.4772 30 30",stroke:"currentColor",strokeWidth:"2"}),e.jsx("path",{d:"M10 13.9865H16.6667",stroke:"currentColor",strokeWidth:"2"}),e.jsx("path",{d:"M23.3333 13.9865H29.9999",stroke:"currentColor",strokeWidth:"2"})]}),l=()=>e.jsxs(r,{children:[e.jsx("path",{d:"M10 28.75C10 28.75 13.75 23.3334 20 23.3334C26.25 23.3334 30 28.75 30 28.75",stroke:"currentColor",strokeWidth:"2"}),e.jsx("circle",{cx:"12.5",cy:"14.5",r:"1.5",fill:"currentColor"}),e.jsx("circle",{cx:"27.5",cy:"14.5",r:"1.5",fill:"currentColor"})]}),s=()=>e.jsxs(r,{children:[e.jsx("path",{d:"M9.15283 25.6986H30.8477",stroke:"currentColor",strokeWidth:"2"}),e.jsx("circle",{cx:"12.5",cy:"14.5",r:"1.5",fill:"currentColor"}),e.jsx("circle",{cx:"27.5",cy:"14.5",r:"1.5",fill:"currentColor"})]}),o=()=>e.jsxs(r,{children:[e.jsx("path",{d:"M10 23.3334C10 23.3334 12.9167 30 20 30C27.0833 30 30 23.3334 30 23.3334",stroke:"currentColor",strokeWidth:"2"}),e.jsx("circle",{cx:"12.5",cy:"14.5",r:"1.5",fill:"currentColor"}),e.jsx("circle",{cx:"27.5",cy:"14.5",r:"1.5",fill:"currentColor"})]}),c=()=>e.jsxs(r,{children:[e.jsx("path",{d:"M30 21C30 26.5228 25.5228 31 20 31C14.4772 31 10 26.5228 10 21",stroke:"currentColor",strokeWidth:"2"}),e.jsx("path",{d:"M24 14.5H29",stroke:"currentColor",strokeWidth:"2"}),e.jsx("circle",{cx:"12.5",cy:"14.5",r:"1.5",fill:"currentColor"})]});exports.defaultOptions=[{label:"Veldig misfornøyd",value:1,textAreaLabel:"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre."},{label:"Litt misfornøyd",value:2,textAreaLabel:"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre."},{label:"Midt på treet",value:3,textAreaLabel:"Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre."},{label:"Ganske fornøyd",value:4,textAreaLabel:"Så bra! Har du noen tilbakemeldinger kan du skrive dem her."},{label:"Veldig fornøyd",value:5,textAreaLabel:"Så bra! Har du noen tilbakemeldinger kan du skrive dem her."}],exports.getSmiley=r=>{switch(r){case 1:return e.jsx(t,{});case 2:return e.jsx(l,{});case 3:default:return e.jsx(s,{});case 4:return e.jsx(o,{});case 5:return e.jsx(c,{})}};
+//# sourceMappingURL=smileyUtils.cjs.map

package/build/cjs/components/feedback/questions/smileyUtils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"smileyUtils.cjs","sources":["../../../../../src/components/feedback/questions/smileyUtils.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FeedbackOption } from \"../types.js\";\n\nexport const defaultOptions: FeedbackOption<number>[] = [\n    {\n        label: \"Veldig misfornøyd\",\n        value: 1,\n        textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n    },\n    {\n        label: \"Litt misfornøyd\",\n        value: 2,\n        textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n    },\n    {\n        label: \"Midt på treet\",\n        value: 3,\n        textAreaLabel: \"Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n    },\n    {\n        label: \"Ganske fornøyd\",\n        value: 4,\n        textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n    },\n    {\n        label: \"Veldig fornøyd\",\n        value: 5,\n        textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n    },\n];\n\nconst Smiley: FC<WithChildren> = ({ children }) => (\n    <svg\n        className=\"jkl-feedback-smiley-option__icon\"\n        aria-hidden\n        viewBox=\"0 0 40 40\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <circle cx=\"20\" cy=\"20\" r=\"19\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        {children}\n    </svg>\n);\n\nconst VeldigSurSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M10 30C10 24.4772 14.4772 20 20 20C25.5228 20 30 24.4772 30 30\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <path d=\"M10 13.9865H16.6667\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        <path d=\"M23.3333 13.9865H29.9999\" stroke=\"currentColor\" strokeWidth=\"2\" />\n    </Smiley>\n);\n\nconst LittSurSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M10 28.75C10 28.75 13.75 23.3334 20 23.3334C26.25 23.3334 30 28.75 30 28.75\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n        <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nconst NoytralSmiley = () => (\n    <Smiley>\n        <path d=\"M9.15283 25.6986H30.8477\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n        <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nconst LittGladSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M10 23.3334C10 23.3334 12.9167 30 20 30C27.0833 30 30 23.3334 30 23.3334\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n        <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nconst VeldigGladSmiley = () => (\n    <Smiley>\n        <path\n            d=\"M30 21C30 26.5228 25.5228 31 20 31C14.4772 31 10 26.5228 10 21\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n        />\n        <path d=\"M24 14.5H29\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n    </Smiley>\n);\n\nexport const getSmiley = (value: number) => {\n    switch (value) {\n        case 1:\n            return <VeldigSurSmiley />;\n        case 2:\n            return <LittSurSmiley />;\n        case 3:\n            return <NoytralSmiley />;\n        case 4:\n            return <LittGladSmiley />;\n        case 5:\n            return <VeldigGladSmiley />;\n\n        default:\n            return <NoytralSmiley />;\n    }\n};\n"],"names":["Smiley","children","jsxs","className","viewBox","fill","xmlns","jsx","cx","cy","r","stroke","strokeWidth","VeldigSurSmiley","d","LittSurSmiley","NoytralSmiley","LittGladSmiley","VeldigGladSmiley","label","value","textAreaLabel"],"mappings":"qHAgCMA,EAA2B,EAAGC,SAAAA,KAChCC,EAAAA,KAAC,MAAA,CACGC,UAAU,mCACV,eAAW,EACXC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENL,SAAA,CAACM,EAAAA,IAAA,SAAA,CAAOC,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,OAAO,eAAeC,YAAY,MAChEX,KAIHY,EAAkB,IACpBX,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,iEACFH,OAAO,eACPC,YAAY,YAEf,OAAK,CAAAE,EAAE,sBAAsBH,OAAO,eAAeC,YAAY,YAC/D,OAAK,CAAAE,EAAE,2BAA2BH,OAAO,eAAeC,YAAY,SAIvEG,EAAgB,IAClBb,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,8EACFH,OAAO,eACPC,YAAY,MAEhBL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3CW,EAAgB,IAClBd,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,MAAC,QAAKO,EAAE,2BAA2BH,OAAO,eAAeC,YAAY,MACrEL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3CY,EAAiB,IACnBf,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,2EACFH,OAAO,eACPC,YAAY,MAEhBL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3Ca,EAAmB,IACrBhB,EAAAA,KAACF,EACG,CAAAC,SAAA,CAAAM,EAAAA,IAAC,OAAA,CACGO,EAAE,iEACFH,OAAO,eACPC,YAAY,YAEf,OAAK,CAAAE,EAAE,cAAcH,OAAO,eAAeC,YAAY,MACxDL,EAAAA,IAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,2CA7FO,CACpD,CACIc,MAAO,oBACPC,MAAO,EACPC,cAAe,sFAEnB,CACIF,MAAO,kBACPC,MAAO,EACPC,cAAe,sFAEnB,CACIF,MAAO,gBACPC,MAAO,EACPC,cAAe,wEAEnB,CACIF,MAAO,iBACPC,MAAO,EACPC,cAAe,+DAEnB,CACIF,MAAO,iBACPC,MAAO,EACPC,cAAe,kFAyEGD,IACtB,OAAQA,GACJ,OACI,aAAQP,EAAgB,CAAA,GAC5B,KAAK,EACD,aAAQE,EAAc,CAAA,GAC1B,KACI,EAMJ,QACI,aAAQC,EAAc,CAAA,GAN1B,KACI,EAAA,aAAQC,EAAe,CAAA,GAC3B,OACI,aAAQC,EAAiB,CAAA,GAIjC"}

package/build/cjs/components/feedback/questions/smileyUtils.d.cts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { FeedbackOption } from '../types.cjs;'
+export declare const defaultOptions: FeedbackOption<number>[];
+export declare const getSmiley: (value: number) => React.JSX.Element;

package/build/cjs/components/feedback/types.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.cjs.map

package/build/cjs/components/feedback/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/feedback/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./questions/CheckboxQuestion.cjs"),r=require("./questions/RadioQuestion.cjs"),i=require("./questions/TextQuestion.cjs"),s=require("./questions/SmileyQuestion.cjs");require("react/jsx-runtime"),require("../text-input/TextArea.cjs"),require("./feedbackContext.cjs"),require("./main-question/mainQuestionContext.cjs"),require("../button/Button.cjs"),require("../text-input/TextInput.cjs"),require("../message/Message.cjs");exports.getChildrenOfType=function(...t){return r=>e.Children.map(r,(r=>{if(e.isValidElement(r)&&t.includes(r.type))return r}))},exports.getQuestionFromType=e=>{switch(e){case"radio":default:return r.RadioQuestion;case"checkbox":return t.CheckboxQuestion;case"text":return i.TextQuestion;case"smiley":return s.SmileyQuestion}};
+//# sourceMappingURL=utils.cjs.map

package/build/cjs/components/feedback/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/feedback/utils.ts"],"sourcesContent":["import React, { JSXElementConstructor, FC } from \"react\";\nimport { CheckboxQuestion, RadioQuestion, TextQuestion, SmileyQuestion } from \"./questions/index.js\";\nimport { QuestionProps, QuestionType } from \"./types.js\";\n\nexport function getChildrenOfType<P>(...allowedTypes: Array<string | JSXElementConstructor<P>>) {\n    return (\n        children: React.ReactNode,\n    ): React.ReactElement<P, string | React.JSXElementConstructor<unknown>>[] | null | undefined =>\n        React.Children.map(children, (child) => {\n            if (React.isValidElement<P>(child) && allowedTypes.includes(child.type)) {\n                return child;\n            }\n            return undefined;\n        });\n}\n\nexport const getQuestionFromType = (type: QuestionType): FC<QuestionProps> => {\n    switch (type) {\n        case \"radio\":\n            return RadioQuestion;\n        case \"checkbox\":\n            return CheckboxQuestion;\n        case \"text\":\n            return TextQuestion;\n        case \"smiley\":\n            return SmileyQuestion;\n\n        default:\n            return RadioQuestion;\n    }\n};\n"],"names":["allowedTypes","children","React","Children","map","child","isValidElement","includes","type","RadioQuestion","CheckboxQuestion","TextQuestion","SmileyQuestion"],"mappings":"kjBAIO,YAAiCA,GACpC,OACIC,GAEAC,EAAMC,SAASC,IAAIH,GAAWI,IACtB,GAAAH,EAAMI,eAAkBD,IAAUL,EAAaO,SAASF,EAAMG,MACvD,OAAAH,IAIvB,8BAEoCG,IAChC,OAAQA,GACJ,IAAK,QASL,QACW,OAAAC,gBARX,IAAK,WACM,OAAAC,mBACX,IAAK,OACM,OAAAC,eACX,IAAK,SACM,OAAAC,iBAIf"}

package/build/cjs/components/feedback/utils.d.cts

@@ -0,0 +1,4 @@
+import { default as React, JSXElementConstructor, FC } from 'react';
+import { QuestionProps, QuestionType } from './types.cjs;'
+export declare function getChildrenOfType<P>(...allowedTypes: Array<string | JSXElementConstructor<P>>): (children: React.ReactNode) => React.ReactElement<P, string | React.JSXElementConstructor<unknown>>[] | null | undefined;
+export declare const getQuestionFromType: (type: QuestionType) => FC<QuestionProps>;

package/build/cjs/components/flex/Flex.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("../../core/tokens.cjs"),n=require("../../utilities/polymorphism/SlotComponent.cjs"),r=t.forwardRef((function(t,r){const{asChild:o,as:s="div",alignContent:a,alignItems:l,children:p,colGap:c,direction:u,gap:f,justifyContent:g,justifyItems:m,rowGap:y,wrap:d=!1,...j}=t,x=o?n.SlotComponent:s,C={display:"flex",flexDirection:u,alignContent:a,alignItems:l,justifyContent:g,justifyItems:m,...d?{flexWrap:"wrap"}:{},...f?{gap:i.spacing[f]}:{},...c?{columnGap:i.spacing[c]}:{},...y?{rowGap:i.spacing[y]}:{}};return e.jsx(x,{ref:r,...j,style:{...C,...j.style},children:p})}));exports.Flex=r;
+//# sourceMappingURL=Flex.cjs.map

package/build/cjs/components/flex/Flex.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.cjs","sources":["../../../../src/components/flex/Flex.tsx"],"sourcesContent":["import React, { type CSSProperties } from \"react\";\nimport tokens from \"../../core/tokens.js\";\nimport { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport { SlotComponent } from \"../../utilities/polymorphism/index.js\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport type FlexDirection = \"row\" | \"row-reverse\" | \"column\" | \"column-reverse\";\nexport type GapValue = Exclude<keyof (typeof tokens)[\"spacing\"], 0>;\n\nexport type FlexProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        direction?: FlexDirection;\n        wrap?: boolean;\n        gap?: GapValue;\n        colGap?: GapValue;\n        rowGap?: GapValue;\n    } & Pick<CSSProperties, \"alignContent\" | \"alignItems\" | \"justifyContent\" | \"justifyItems\">\n>;\n\nexport type FlexComponent = <ElementType extends React.ElementType = \"div\">(\n    props: FlexProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\nexport const Flex = React.forwardRef(function Flex<ElementType extends React.ElementType = \"div\">(\n    props: FlexProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const {\n        asChild,\n        as = \"div\",\n        alignContent,\n        alignItems,\n        children,\n        colGap,\n        direction,\n        gap,\n        justifyContent,\n        justifyItems,\n        rowGap,\n        wrap = false,\n        ...rest\n    } = props;\n    const Component = asChild ? SlotComponent : as;\n\n    const flexStyle: CSSProperties = {\n        display: \"flex\",\n        flexDirection: direction,\n        alignContent,\n        alignItems,\n        justifyContent,\n        justifyItems,\n        ...(wrap ? { flexWrap: \"wrap\" } : {}),\n        ...(gap ? { gap: tokens.spacing[gap] } : {}),\n        ...(colGap ? { columnGap: tokens.spacing[colGap] } : {}),\n        ...(rowGap ? { rowGap: tokens.spacing[rowGap] } : {}),\n    };\n\n    return (\n        <Component ref={ref} {...rest} style={{ ...flexStyle, ...rest.style }}>\n            {children}\n        </Component>\n    );\n}) as FlexComponent;\n"],"names":["Flex","React","forwardRef","props","ref","asChild","as","alignContent","alignItems","children","colGap","direction","gap","justifyContent","justifyItems","rowGap","wrap","rest","Component","SlotComponent","flexStyle","display","flexDirection","flexWrap","tokens","spacing","columnGap","jsx","style"],"mappings":"uOAwBaA,EAAOC,EAAMC,YAAW,SACjCC,EACAC,GAEM,MACFC,QAAAA,EACAC,GAAAA,EAAK,MACLC,aAAAA,EACAC,WAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,IAAAA,EACAC,eAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,KAAAA,GAAO,KACJC,GACHd,EACEe,EAAYb,EAAUc,EAAgBA,cAAAb,EAEtCc,EAA2B,CAC7BC,QAAS,OACTC,cAAeX,EACfJ,aAAAA,EACAC,WAAAA,EACAK,eAAAA,EACAC,aAAAA,KACIE,EAAO,CAAEO,SAAU,QAAW,CAAC,KAC/BX,EAAM,CAAEA,IAAKY,EAAOC,QAAQb,IAAS,CAAC,KACtCF,EAAS,CAAEgB,UAAWF,EAAOC,QAAQf,IAAY,CAAC,KAClDK,EAAS,CAAEA,OAAQS,EAAOC,QAAQV,IAAY,CAAC,GAGvD,OACKY,EAAAA,IAAAT,EAAA,CAAUd,IAAAA,KAAca,EAAMW,MAAO,IAAKR,KAAcH,EAAKW,OACzDnB,SAAAA,GAGb"}

package/build/cjs/components/flex/Flex.d.cts

@@ -0,0 +1,15 @@
+import { default as React, CSSProperties } from 'react';
+import { default as tokens } from '../../core/tokens.cjs;'
+import { AsChildProps } from '../../utilities/polymorphism/as-child.cjs;'
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs;'
+export type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
+export type GapValue = Exclude<keyof (typeof tokens)["spacing"], 0>;
+export type FlexProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    direction?: FlexDirection;
+    wrap?: boolean;
+    gap?: GapValue;
+    colGap?: GapValue;
+    rowGap?: GapValue;
+} & Pick<CSSProperties, "alignContent" | "alignItems" | "justifyContent" | "justifyItems">>;
+export type FlexComponent = <ElementType extends React.ElementType = "div">(props: FlexProps<ElementType> & AsChildProps) => React.ReactElement | null;
+export declare const Flex: FlexComponent;

package/build/cjs/components/flex/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Flex.cjs");exports.Flex=e.Flex;
+//# sourceMappingURL=index.cjs.map

package/build/cjs/components/flex/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/flex/index.d.cts

@@ -0,0 +1 @@
+export { Flex } from './Flex.cjs;'

package/build/cjs/components/icon/Icon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),c=require("react").forwardRef((function(c,i){const{bold:l,children:n,className:o,filled:s,variant:t,...a}=c;return e.jsx("span",{"aria-hidden":!0,ref:i,className:r.clsx("jkl-icon",o,{"jkl-icon--filled":s,"jkl-icon--bold":l,[`jkl-icon--${t}`]:!!t}),...a,children:n})}));exports.Icon=c;
+//# sourceMappingURL=Icon.cjs.map

package/build/cjs/components/icon/Icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.cjs","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { IconVariant } from \"./types.js\";\n\ntype IconComponentProps<ElementType extends Extract<React.ElementType, \"span\" | \"div\">> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        \"data-testid\"?: string;\n        /**\n         * Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n         * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n         */\n        variant?: IconVariant;\n        /**\n         * Angir om ikonet skal vises i fet versjon\n         * @default false\n         */\n        bold?: boolean;\n        filled?: boolean;\n        className?: string;\n        style?: React.CSSProperties;\n    }\n>;\n\nexport type IconComponent = (<ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\">(\n    props: IconComponentProps<ElementType>,\n) => React.ReactElement | null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n    ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const { bold, children, className, filled, variant, ...iconProps } = props;\n\n    return (\n        <span\n            aria-hidden\n            ref={ref}\n            className={clsx(\"jkl-icon\", className, {\n                \"jkl-icon--filled\": filled,\n                \"jkl-icon--bold\": bold,\n                [`jkl-icon--${variant}`]: !!variant,\n            })}\n            {...iconProps}\n        >\n            {children}\n        </span>\n    );\n}) as IconComponent;\n"],"names":["Icon","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","clsx"],"mappings":"6JA6BaA,mBAA4BC,YAAW,SAElDC,EAAwCC,GAChC,MAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAGjE,OAAAQ,EAAAA,IAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAAA,KAAK,WAAYL,EAAW,CACnC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}

package/build/cjs/components/icon/Icon.d.cts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs;'
+import { IconVariant } from './types.cjs;'
+type IconComponentProps<ElementType extends Extract<React.ElementType, "span" | "div">> = PolymorphicPropsWithRef<ElementType, {
+    "data-testid"?: string;
+    /**
+     * Størrelsesvarianten til ikonet. `"small"` er 16px med 20px bounding box, og `"medium"` er 20px med 24px bounding box.
+     * `"inherit"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).
+     */
+    variant?: IconVariant;
+    /**
+     * Angir om ikonet skal vises i fet versjon
+     * @default false
+     */
+    bold?: boolean;
+    filled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export type IconComponent = (<ElementType extends Extract<React.ElementType, "span" | "div"> = "span">(props: IconComponentProps<ElementType>) => React.ReactElement | null) & {
+    displayName?: string;
+};
+export declare const Icon: IconComponent;
+export {};

package/build/cjs/components/icon/documentation/internal/IconsExampleGrid.d.cts

@@ -0,0 +1,8 @@
+import { default as React, CSSProperties } from 'react';
+import { WithChildren } from '../../../../core/types.cjs;'
+interface IconsExampleGridProps extends WithChildren {
+    columns: "two" | "four";
+    style?: CSSProperties;
+}
+export declare const IconsExampleGrid: React.FC<IconsExampleGridProps>;
+export {};

package/build/cjs/components/icon/icons/ArrowDownIcon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Icon.cjs"),o=o=>e.jsx(r.Icon,{...o,children:""});o.displayName="ArrowDownIcon",exports.ArrowDownIcon=o;
+//# sourceMappingURL=ArrowDownIcon.cjs.map

package/build/cjs/components/icon/icons/ArrowDownIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDownIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowDownIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5db\"}</Icon>;\nArrowDownIcon.displayName = \"ArrowDownIcon\";\n"],"names":["ArrowDownIcon","props","Icon","children","displayName"],"mappings":"8IAIaA,EAAgCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}

package/build/cjs/components/icon/icons/ArrowDownIcon.d.cts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon.cjs;'
+export declare const ArrowDownIcon: IconComponent;

package/build/cjs/components/icon/icons/ArrowLeftIcon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Icon.cjs"),o=o=>e.jsx(r.Icon,{...o,children:""});o.displayName="ArrowLeftIcon",exports.ArrowLeftIcon=o;
+//# sourceMappingURL=ArrowLeftIcon.cjs.map