-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path6749.86af3080.iframe.bundle.js
1 lines (1 loc) · 40.3 KB
/
6749.86af3080.iframe.bundle.js
1
(self.webpackChunk_haaretz_a_htz_sg=self.webpackChunk_haaretz_a_htz_sg||[]).push([[6749],{"../../ds-atoms/s-button/src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ZP:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("../../ds-atoms/s-button/src/Button.tsx").ZP},"../../ds-atoms/s-card/src/Card.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__,p:()=>DEFAULT_ELEMENT});var _home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../../node_modules/.pnpm/@[email protected]/node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../../node_modules/.pnpm/@[email protected]/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/react/jsx-runtime.js"),style9__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../../node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/style9/index.mjs");const _excluded=["as","children","elevationLevel","inlineStyle","styleExtend","variant"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const c={card:{backgroundColor:"kbeApl",borderTopLeftRadius:"gvQKzB",borderTopRightRadius:"gXtGmO",borderBottomRightRadius:"gGmREU",borderBottomLeftRadius:"ia_DRrH",position:"cjScYX",overflowX:"dUvWpK",overflowY:"hRLVFh"},tonedVariant:{backgroundColor:"fozssY"},emphasisVariant:{backgroundColor:"fYsfSM"},brandVariant:{backgroundColor:"eonsRV"},commercialVariant:{backgroundColor:"KqcXP",fontFamily:"cFGWDo","::before":{backgroundColor:"cuHoef",content:"julXB",position:"kvHVCE",zIndex:"iKerdF",top:"jYPXoJ",right:"jmjsbM",bottom:"eubFjF",left:"kKTZiz",width:"bQvqKh",height:"jLmWnd",borderBottomColor:"cguLPl",borderBottomStyle:"eeAUEW",borderBottomWidth:"bHuFEO",paddingBottom:"hiDZuW",borderInlineEndColor:"fVfbua",borderInlineEndStyle:"gUitAR",borderInlineEndWidth:"cXxCLi",paddingInlineEnd:"TkgvN",borderInlineStartColor:"fkpCBY",borderInlineStartStyle:"gQowii",borderInlineStartWidth:"jmjHNY",paddingInlineStart:"dIuYjq",borderTopColor:"iKQXuU",borderTopStyle:"kSnqYR",borderTopWidth:"hsdMeV",paddingTop:"hNIrCr"}},outbrainVariant:{backgroundColor:"KqcXP",fontFamily:"cFGWDo","::before":{backgroundColor:"ksIqPJ",content:"julXB",position:"kvHVCE",zIndex:"iKerdF",top:"jYPXoJ",right:"jmjsbM",bottom:"eubFjF",left:"kKTZiz",width:"bQvqKh",height:"jLmWnd",borderBottomColor:"cguLPl",borderBottomStyle:"eeAUEW",borderBottomWidth:"bHuFEO",paddingBottom:"hiDZuW",borderInlineEndColor:"fVfbua",borderInlineEndStyle:"gUitAR",borderInlineEndWidth:"cXxCLi",paddingInlineEnd:"TkgvN",borderInlineStartColor:"fkpCBY",borderInlineStartStyle:"gQowii",borderInlineStartWidth:"jmjHNY",paddingInlineStart:"dIuYjq",borderTopColor:"iKQXuU",borderTopStyle:"kSnqYR",borderTopWidth:"hsdMeV",paddingTop:"hNIrCr"}},outlinedVariant:{borderStartStartRadius:"fkWdLi",borderStartEndRadius:"ikOBHS",borderEndStartRadius:"KnVWT",borderEndEndRadius:"igzehn",backgroundColor:"KqcXP",borderBottomColor:"fUvRBv",borderBottomStyle:"hpBjJb",borderBottomWidth:"ctibpX",paddingBottom:"dsjnGZ",borderInlineEndColor:"cZyCOm",borderInlineEndStyle:"hszzXi",borderInlineEndWidth:"bTnXNj",paddingInlineEnd:"iHcdxl",borderInlineStartColor:"hREZix",borderInlineStartStyle:"itlHSH",borderInlineStartWidth:"hXXzlB",paddingInlineStart:"hIfrmf",borderTopColor:"gOVTGd",borderTopStyle:"FwRrA",borderTopWidth:"izykGz",paddingTop:"bcQMLg","@media all and (min-width:80em)":{borderBottomColor:"eKBUJy",borderBottomStyle:"fLcvnQ",borderBottomWidth:"cbMekn",paddingBottom:"fkaa_DS",borderInlineEndColor:"kWTjCw",borderInlineEndStyle:"efZoHX",borderInlineEndWidth:"bjkePn",paddingInlineEnd:"ezQcMi",borderInlineStartColor:"bqOunL",borderInlineStartStyle:"TFlFF",borderInlineStartWidth:"gEvAVE",paddingInlineStart:"hGpzKB",borderTopColor:"lgHkRI",borderTopStyle:"QeZzC",borderTopWidth:"fVCshG",paddingTop:"kEuwLv"}},elevation1:{filter:"hPbzap"},elevation2:{filter:"fiTshE"},elevation3:{filter:"eVJcdr"}},DEFAULT_ELEMENT="div";function Card(_ref){let{as,children=null,elevationLevel,inlineStyle,styleExtend=[],variant}=_ref,attrs=(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_ref,_excluded);const Element=as||DEFAULT_ELEMENT,variantClass=variant?`${variant}Variant`:void 0,elevationClass=elevationLevel?`elevation${elevationLevel}`:void 0;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Element,_objectSpread(_objectSpread(_objectSpread({},attrs),{}),{},{className:(0,style9__WEBPACK_IMPORTED_MODULE_2__.Z)(c.card,variantClass&&c[variantClass],elevationClass&&c[elevationClass],...styleExtend),style:inlineStyle,children}))}const __WEBPACK_DEFAULT_EXPORT__=Card;try{Card.displayName="Card",Card.__docgenInfo={description:"",displayName:"Card",props:{children:{defaultValue:{value:"null"},description:"The Children to be rendered inside `<Card>`",name:"children",required:!1,type:{name:"ReactNode"}},elevationLevel:{defaultValue:null,description:"Creates an illusion of elevating the card by placing a shadow behind it",name:"elevationLevel",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:"1"},{value:"2"},{value:"3"}]}},inlineStyle:{defaultValue:null,description:"CSS declarations to be set as inline `style` on the\nhtml element.\n\nBy setting values of CSS Custom Properties based on\nprops or state in the consuming component (where\nthe value of `inlineStyle` is passed), `inlineStyle`\ncan be used as an API contract for setting dynamic\nvalues to styles created with `style9.create()`:\n@example ```ts\nimport s9 from 'style9';\nconst { styleExtend, } = s9.create({\n styleExtend: {\n color: 'var(--color-based-on-prop)',\n },\n});\n\nfunction MyCard(props) {\n const inlineStyle = {\n '--color-based-on-prop': props.color,\n },\n\n return (\n <Card\n styleExtend={[ styleExtend, ]}\n inlineStyle={inlineStyle}\n />\n );\n}\n```",name:"inlineStyle",required:!1,type:{name:"InlineStyles | undefined"}},styleExtend:{defaultValue:{value:"[]"},description:"An array of `Style`s created by `style9.create()`.\nWARNING: **_do not_** pass simple CSS-in-JS object.\nThe items in the array must be created with Style9's\n`create` function.\nThe array can also hold falsy values to assist with\nconditional inclusion of `Style`s:\n@example ```ts\nconst { foo, bar, } = s9.create({ foo: { ... }, bar: { ... }, });\n<Card styleExtend={[ someCondition && foo, bar, ]} />\n```",name:"styleExtend",required:!1,type:{name:"StyleExtend | undefined"}},variant:{defaultValue:null,description:"The visual appearance of the card",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"brand"'},{value:'"toned"'},{value:'"emphasis"'},{value:'"outbrain"'},{value:'"commercial"'},{value:'"outlined"'}]}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:'"symbol" | ComponentType<any> | "slot" | "clipPath" | "filter" | "mask" | "marker" | "article" | "button" | "dialog" | "figure" | "form" | "main" | "menu" | "menuitem" | ... 134 more ... | undefined'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../ds-atoms/s-card/src/Card.tsx#Card"]={docgenInfo:Card.__docgenInfo,name:"Card",path:"../../ds-atoms/s-card/src/Card.tsx#Card"})}catch(__react_docgen_typescript_loader_error){}},"../../ds-atoms/s-card/src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("../../ds-atoms/s-card/src/Card.tsx").Z},"../../ds-atoms/s-formfield-description/src/FormfieldDescription.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../../node_modules/.pnpm/@[email protected]/node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../../node_modules/.pnpm/@[email protected]/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/react/jsx-runtime.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/react/index.js"),style9__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../../node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/style9/index.mjs");const _excluded=["children","id","inlineStyle","isInvalid","styleExtend","variant"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const c={base:{color:"koPyoH",marginTop:"iqhvfj",fontSize:"gVscJz",lineHeight:"kvNqZl","@media all and (min-width:102em)":{fontSize:"hyhpVP",lineHeight:"kRmCJO"}},isInvalid:{"--clr":"dtWzvY"},hidden:{display:"fcXWHl"},defaultVariant:{"--clr":"hneilo"},inverseVariant:{"--clr":"fVxgiL","--err":"dFKLrR"}},FormfieldDescription=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function FormfieldDescription(_ref,ref){let{children,id,inlineStyle,isInvalid,styleExtend=[],variant="default"}=_ref,attrs=(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded);const variantClass=`${variant}Variant`;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",_objectSpread(_objectSpread({ref,"aria-live":isInvalid?"assertive":"off",role:isInvalid?"alert":void 0},attrs),{},{id,className:(0,style9__WEBPACK_IMPORTED_MODULE_3__.Z)(c.base,c[variantClass],isInvalid&&c.isInvalid,...styleExtend),style:inlineStyle,children}))}));FormfieldDescription.__docgenInfo={description:"",methods:[],displayName:"FormfieldDescription",props:{styleExtend:{defaultValue:{value:"[]",computed:!1},required:!1},variant:{defaultValue:{value:"'default'",computed:!1},required:!1}}};const __WEBPACK_DEFAULT_EXPORT__=FormfieldDescription;try{FormfieldDescription.displayName="FormfieldDescription",FormfieldDescription.__docgenInfo={description:"",displayName:"FormfieldDescription",props:{children:{defaultValue:null,description:"The description or error message to render",name:"children",required:!1,type:{name:"string | undefined"}},variant:{defaultValue:{value:"default"},description:"Sets the basic visual appearance of the input.\n@defaultValue 'default'",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"default"'},{value:'"inverse"'}]}},id:{defaultValue:null,description:"The ID attribute attached to the element",name:"id",required:!0,type:{name:"string"}},isInvalid:{defaultValue:null,description:"Indicate the description is an error message",name:"isInvalid",required:!1,type:{name:"boolean | undefined"}},inlineStyle:{defaultValue:null,description:"CSS declarations to be set as inline `style` on the\nhtml element.\n\nBy setting values of CSS Custom Properties based on\nprops or state in the consuming component (where\nthe value of `inlineStyle` is passed), `inlineStyle`\ncan be used as an API contract for setting dynamic\nvalues to styles created with `style9.create()`:\n@example ```ts\nimport s9 from 'style9';\nconst { styleExtend, } = s9.create({\n styleExtend: {\n color: 'var(--color-based-on-prop)',\n },\n});\n\nfunction MyFormfieldDescription(props) {\n const inlineStyle = {\n '--color-based-on-prop': props.color,\n },\n\n return (\n <FormfieldDescription\n styleExtend={[ styleExtend, ]}\n inlineStyle={inlineStyle}\n />\n );\n}\n```",name:"inlineStyle",required:!1,type:{name:"InlineStyles | undefined"}},styleExtend:{defaultValue:{value:"[]"},description:"An array of `Style`s created by `style9.create()`.\nWARNING: **_do not_** pass simple CSS-in-JS object.\nThe items in the array must be created with Style9's\n`create` function.\nThe array can also hold falsy values to assist with\nconditional inclusion of `Style`s:\n@example ```ts\nconst { foo, bar, } = s9.create({ foo: { ... }, bar: { ... }, });\n<FormfieldDescription styleExtend={[ someCondition && foo, bar, ]} />\n```",name:"styleExtend",required:!1,type:{name:"StyleExtend | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../ds-atoms/s-formfield-description/src/FormfieldDescription.tsx#FormfieldDescription"]={docgenInfo:FormfieldDescription.__docgenInfo,name:"FormfieldDescription",path:"../../ds-atoms/s-formfield-description/src/FormfieldDescription.tsx#FormfieldDescription"})}catch(__react_docgen_typescript_loader_error){}},"../../ds-atoms/s-formfield-description/src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("../../ds-atoms/s-formfield-description/src/FormfieldDescription.tsx").Z},"../../ds-atoms/s-htz-image/src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("../../ds-atoms/s-htz-image/src/HtzImage.tsx").Z},"../../ds-organisms/s-newsletter-recommendations-list/src/NewsletterCard.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>NewsletterCard});var defineProperty=__webpack_require__("../../../node_modules/.pnpm/@[email protected]/node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectWithoutProperties=__webpack_require__("../../../node_modules/.pnpm/@[email protected]/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),jsx_runtime=__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/react/jsx-runtime.js"),src=__webpack_require__("../../ds-atoms/s-button/src/index.ts"),s_card_src=__webpack_require__("../../ds-atoms/s-card/src/index.ts"),s_formfield_description_src=__webpack_require__("../../ds-atoms/s-formfield-description/src/index.ts"),s_htz_image_src=__webpack_require__("../../ds-atoms/s-htz-image/src/index.ts"),s_icon_src=__webpack_require__("../../ds-atoms/s-icon/src/index.ts");var useMutation=__webpack_require__("../../../node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@tanstack/react-query/build/lib/useMutation.mjs"),GraphqlFetcher=__webpack_require__("../../graphql/s-graphql-fetcher/src/GraphqlFetcher.tsx");const NewsletterSignupPersonalMutationDocument="\n mutation NewsletterSignupPersonalMutation($input: NewsletterSignupInput!) {\n newsletterSignup(input: $input) {\n ...NewsletterSignupResponseFragment\n }\n}\n \n fragment NewsletterSignupResponseFragment on NewsletterSignupResponse {\n status\n}\n ",useNewsletterSignupPersonalMutation=options=>(0,useMutation.D)(["NewsletterSignupPersonalMutation"],(variables=>(0,GraphqlFetcher.Z)(NewsletterSignupPersonalMutationDocument,variables)()),options);useNewsletterSignupPersonalMutation.getKey=()=>["NewsletterSignupPersonalMutation"],useNewsletterSignupPersonalMutation.fetcher=(variables,options)=>(0,GraphqlFetcher.Z)(NewsletterSignupPersonalMutationDocument,variables,options);var UserAlertsRegistration=__webpack_require__("../../graphql/s-mutations/src/__generated__/UserAlertsRegistration.ts"),s_use_bi_src=__webpack_require__("../../hooks/s-use-bi/src/index.ts"),react=__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/react/index.js"),style9=__webpack_require__("../../../node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/style9/index.mjs");const _excluded=["cardData","email"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,defineProperty.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const c={base:{display:"kbCXHY",rowGap:"gtFPZM",gridTemplateRows:"dWdVXf",paddingTop:"bKjKUN",paddingRight:"gcnSZS",paddingBottom:"eayRfw",paddingLeft:"hHZVWs","@media all and (min-width:64em) and (max-width:79.9375em)":{rowGap:"iRvlSp"}},header:{alignItems:"foGVKH",display:"gSBWlu",justifyItems:"dskUQS"},img:{"--size":"bnsqbL",borderTopLeftRadius:"ebVilo",borderTopRightRadius:"kyhYEz",borderBottomRightRadius:"jIkFRm",borderBottomLeftRadius:"gpptow",height:"HUEkp",width:"bNIeKE","@media all and (min-width:80em) and (max-width:101.9375em)":{"--size":"manbt"},"@media all and (min-width:102em)":{"--size":"gbhyxm"}},titlesWrapper:{marginInlineStart:"euSzUE","@media all and (min-width:80em)":{marginInlineStart:"cDolnX"}},subjectTitle:{color:"URsRO",fontSize:"dGDAum",lineHeight:"ljUXOK","@media all and (min-width:37.5em) and (max-width:63.9375em)":{fontSize:"DMuxk",lineHeight:"BQIws"},"@media all and (min-width:64em) and (max-width:79.9375em)":{fontSize:"cJtokI",lineHeight:"fSlEyX"},"@media all and (min-width:80em) and (max-width:101.9375em)":{fontSize:"kHlstv",lineHeight:"hltpRW"},"@media all and (min-width:102em)":{fontSize:"kNnzPI",lineHeight:"iLmXjQ"}},mailingType:{fontFamily:"cGpNyn",fontSize:"fyHdVr",lineHeight:"iKTruj","@media all and (min-width:80em) and (max-width:101.9375em)":{fontSize:"cEKNZk",lineHeight:"gMAJcp"}},premiumMailing:{backgroundColor:"kvLQFb",color:"bxUaT",display:"fdLHFk",paddingInlineStart:"kQDwxQ",paddingInlineEnd:"cfEHVR",WebkitBoxDecorationBreak:"cYFsDB"},description:{display:"bBZtzC",fontWeight:"buowod",overflowX:"dUvWpK",overflowY:"hRLVFh",textOverflow:"iXBLlZ",WebkitBoxOrient:"jSaNpv",WebkitLineClamp:"gtrUYH",fontSize:"fyHdVr",lineHeight:"iKTruj","@media all and (min-width:37.5em) and (max-width:47.9375em)":{maxHeight:"hDtldu"},"@media all and (min-width:48em) and (max-width:63.9375em)":{fontSize:"JAaNe",lineHeight:"cRvShW",maxHeight:"rJZCX"},"@media all and (min-width:64em) and (max-width:79.9375em)":{maxHeight:"iozPQe"},"@media all and (min-width:80em) and (max-width:101.9375em)":{maxHeight:"eHAbFu",fontSize:"cEKNZk",lineHeight:"gMAJcp"},"@media all and (min-width:102em)":{maxHeight:"jMZxTb"}},icon:{marginInlineEnd:"hrNAzC"},slideAnimationInSuccess:{animationName:"izbZPF",animationDelay:"Nflrm",animationDirection:"iAErog",animationDuration:"NhZap"},successDiv:{alignItems:"foGVKH",alignSelf:"bdwdaF",color:"bzRhTf",fontFamily:"cGpNyn",display:"gSBWlu",fontWeight:"kIOdXG",justifyContent:"fPWmiY",marginTop:"cyerGB",opacity:"UXrzu",position:"bEvNbr",overflowX:"dUvWpK",whiteSpace:"bwVBMs",fontSize:"gVscJz",lineHeight:"kvNqZl"},slideOutTransitionButton:{transitionProperty:"eomdpb",transitionDuration:"elYamp",visibility:"dWytAe",opacity:"UXrzu",insetInlineStart:"fmTWSE",transitionTimingFunction:"iaemGh"},formfield:{fontFamily:"cGpNyn",opacity:"UXrzu",fontSize:"gVscJz",lineHeight:"kvNqZl","@media all and (min-width:64em) and (max-width:101.9375em)":{fontSize:"fILUhH",lineHeight:"bJzTMt"},maxHeight:"GlVkd",transitionDelay:"gsFBiH",transitionDuration:"cwWKTm",transitionProperty:"iAsLeH"},formfieldTransition:{transitionDelay:"kPzQGo",opacity:"gOeSjL",maxHeight:"ieqjsD"},fadeOutButton:{opacity:"UXrzu",transitionDuration:"eWLwSv",transitionProperty:"bEeIno"},button:{insetInlineStart:"eAUDaE",visibility:"esoNju",opacity:"gOeSjL",transitionDuration:"jnucqQ",transitionProperty:"eomdpb"}},btnTextOptions={signup:"הרשמה",unsubscribe:"להסרה"},kickerTexts={daily:"דיוור יומי",weekly:"דיוור שבועי",twiceAWeek:"דיוור דו-שבועי",monthly:"דיוור שבועי",dailyPremium:"דיוור יומי למנויים בלבד",weeklyPremium:"דיוור שבועי למנויים בלבד",twiceAWeekPremium:"דיוור דו-שבועי למנויים בלבד",monthlyPremium:"דיוור חודשי למנויים בלבד"};function NewsletterCard(_ref){var _image$files;let{cardData,email}=_ref,props=(0,objectWithoutProperties.Z)(_ref,_excluded);const[success,setSuccess]=react.useState(!1),[subscriptionTransition,setSubscriptionTransition]=react.useState(!1),[fadeOutButton,setFadeOutButton]=react.useState(!1),[startAnimation,setStartAnimation]=react.useState(!1),[btnState,setBtnState]=react.useState("auto"),[btnBusyNotice,setBtnBusyNotice]=react.useState(""),[btnVariant,setBtnVariant]=react.useState("brand"),[btnText,setBtnText]=react.useState(btnTextOptions.signup),[msg,setMsg]=react.useState(void 0),[displayMessage,setDisplayMessage]=react.useState(!1),[invalid,setInvalid]=react.useState(!1),formfieldId=react.useId(),biAction=(0,s_use_bi_src.Z)(),newsletterSignup=useNewsletterSignupPersonalMutation(),newsletterUnsubscribe=(0,UserAlertsRegistration.k)(),{image,segmentName,subscribersOnly,frequency,description,site,tagNumber}=cardData,kickerTextKey=frequency?frequency+(subscribersOnly?"Premium":""):null,kickerText=kickerTextKey?kickerTexts[kickerTextKey]:null,setSubscribeBtn=()=>{setBtnVariant("brand"),setBtnText(btnTextOptions.signup)},clearBtnBusyState=()=>{setBtnBusyNotice(""),setBtnState("auto")},handleOnClick=react.useCallback((async _=>{const action="brand"===btnVariant&&btnText===btnTextOptions.signup?"subscribe":"danger"===btnVariant&&btnText===btnTextOptions.unsubscribe?"unsubscribe":void 0,biData="function"==typeof props.getBiData?props.getBiData():props.biData;if("subscribe"===action){setBtnState("busy"),setBtnBusyNotice("מעדכן הרשמה לדיוור...");const isUnsubscribe=!1,data=await newsletterSignup.mutateAsync({input:{segmentName,isUnsubscribe,tagNumber,site}}),{status}=data.newsletterSignup;"error"===status?(clearBtnBusyState(),setSubscribeBtn(),setInvalid(!0),setDisplayMessage(!0),setMsg("אירעה שגיאה, אנא נסו מאוחר יותר")):"success"===status?(setSubscriptionTransition(!0),clearBtnBusyState(),setMsg(""),biData&&biAction(_objectSpread(_objectSpread(_objectSpread(_objectSpread({},biData),{},{action_id:9,feature:"Promotions-Newsletter",feature_type:"Content",personal_feature:!0},tagNumber?{newsletter_segment_id:tagNumber}:{}),segmentName?{newsletter_segment_id:segmentName}:{}),email?{newsletter_email:email}:{}))):(setSubscriptionTransition(!0),clearBtnBusyState(),setMsg("להשלמת ההרשמה עליך לאמת את כתובת המייל"))}if("unsubscribe"===action){setMsg(""),setInvalid(!1),setBtnState("busy"),setBtnBusyNotice("מסיר הרשמה לדיוור...");const resourceId=tagNumber,resourceName=segmentName,isUnsubscribe=!0,data=await newsletterUnsubscribe.mutateAsync({input:{isUnsubscribe,site,resourceType:"newsletter",resourceId,resourceName}}),{status}=data.userAlertsRegistration;"success"===status?(setFadeOutButton(!0),clearBtnBusyState(),biData&&biAction(_objectSpread(_objectSpread(_objectSpread(_objectSpread({},biData),{},{action_id:8,feature:"Promotions-Newsletter",feature_type:"Content",personal_feature:!0},tagNumber?{newsletter_segment_id:tagNumber}:{}),segmentName?{newsletter_segment_id:segmentName}:{}),email?{newsletter_email:email}:{}))):(clearBtnBusyState(),setInvalid(!0),setMsg("אירעה שגיאה, אנא נסו מאוחר יותר"))}}),[biAction,btnText,btnVariant,email,newsletterSignup,newsletterUnsubscribe,props,segmentName,site,tagNumber]),BtnStateAndNotice="busy"===btnState?{state:btnState,busyNotice:btnBusyNotice}:{state:btnState,busyNotice:void 0};if(!cardData)return null;const imgData=null==image||null===(_image$files=image.files)||void 0===_image$files?void 0:_image$files[0];return(0,jsx_runtime.jsxs)(s_card_src.Z,{styleExtend:[c.base],as:"article","aria-describedby":msg,"data-testid":"newsletter-card",children:[(0,jsx_runtime.jsxs)("header",{className:(0,style9.Z)(c.header),children:[image&&imgData?(0,jsx_runtime.jsx)(s_htz_image_src.Z,_objectSpread(_objectSpread({},image),{},{imgData,aspect:"square",widths:[56,68,112],sizes:[{from:"xxl",size:"68px"},{from:"l",size:"65px"},{size:"56px"}],styleExtend:[c.img],"data-testid":"newsletter-card-img"})):null,(0,jsx_runtime.jsxs)("div",{className:(0,style9.Z)(c.titlesWrapper),children:[kickerText?(0,jsx_runtime.jsx)("p",{className:(0,style9.Z)(c.mailingType,subscribersOnly&&c.premiumMailing),"data-testid":"newsletter-card-kicker",children:kickerText}):null,(0,jsx_runtime.jsx)("h3",{className:(0,style9.Z)(c.subjectTitle),"data-testid":"newsletter-card-segment",children:segmentName})]})]}),(0,jsx_runtime.jsx)("p",{className:(0,style9.Z)(c.description),"data-testid":"newsletter-card-description",children:description}),(0,jsx_runtime.jsxs)("footer",{children:[success?(0,jsx_runtime.jsxs)("div",{className:(0,style9.Z)(c.successDiv,startAnimation&&c.slideAnimationInSuccess),onAnimationEnd:()=>{setBtnVariant("danger"),setBtnText(btnTextOptions.unsubscribe),setSubscriptionTransition(!1),setFadeOutButton(!1),setSuccess(!1)},children:[(0,jsx_runtime.jsx)(s_icon_src.Z,{icon:"check",variant:"success",styleExtend:[c.icon]}),(0,jsx_runtime.jsx)("p",{children:"נרשמת בהצלחה"})]}):null,(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(src.ZP,_objectSpread(_objectSpread({onClick:handleOnClick},BtnStateAndNotice),{},{size:"small",variant:btnVariant,priority:"secondary",styleExtend:[c.button,subscriptionTransition&&c.slideOutTransitionButton,fadeOutButton&&c.fadeOutButton],onTransitionEnd:()=>{fadeOutButton&&(setDisplayMessage(!1),setSubscribeBtn(),setStartAnimation(!1),setFadeOutButton(!1)),subscriptionTransition&&(setSuccess(!0),setStartAnimation(!0),setDisplayMessage(!0))},"data-testid":"newsletter-card-btn",children:btnText})),msg?(0,jsx_runtime.jsx)(s_formfield_description_src.Z,{id:formfieldId,isInvalid:invalid,styleExtend:[c.formfield,displayMessage&&c.formfieldTransition],"data-testid":"newsletter-card-msg",children:msg}):null]})]})]})}try{NewsletterCard.displayName="NewsletterCard",NewsletterCard.__docgenInfo={description:"",displayName:"NewsletterCard",props:{cardData:{defaultValue:null,description:"",name:"cardData",required:!0,type:{name:"UserRecommendationFragment"}},email:{defaultValue:null,description:"",name:"email",required:!1,type:{name:"string | undefined"}},biData:{defaultValue:null,description:"",name:"biData",required:!1,type:{name:"BiDataOverrides | undefined"}},getBiData:{defaultValue:null,description:"",name:"getBiData",required:!1,type:{name:"(() => BiDataOverrides) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../ds-organisms/s-newsletter-recommendations-list/src/NewsletterCard.tsx#NewsletterCard"]={docgenInfo:NewsletterCard.__docgenInfo,name:"NewsletterCard",path:"../../ds-organisms/s-newsletter-recommendations-list/src/NewsletterCard.tsx#NewsletterCard"})}catch(__react_docgen_typescript_loader_error){}},"../../graphql/s-mutations/src/__generated__/UserAlertsRegistration.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{k:()=>useUserAlertsRegistrationPersonalMutation});var _tanstack_react_query__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../../node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@tanstack/react-query/build/lib/useMutation.mjs"),_haaretz_s_graphql_fetcher__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../graphql/s-graphql-fetcher/src/GraphqlFetcher.tsx");const UserAlertsRegistrationPersonalMutationDocument="\n mutation UserAlertsRegistrationPersonalMutation($input: UserAlertsRegistrationInput!) {\n userAlertsRegistration(input: $input) {\n status\n }\n}\n ",useUserAlertsRegistrationPersonalMutation=options=>(0,_tanstack_react_query__WEBPACK_IMPORTED_MODULE_0__.D)(["UserAlertsRegistrationPersonalMutation"],(variables=>(0,_haaretz_s_graphql_fetcher__WEBPACK_IMPORTED_MODULE_1__.Z)(UserAlertsRegistrationPersonalMutationDocument,variables)()),options);useUserAlertsRegistrationPersonalMutation.getKey=()=>["UserAlertsRegistrationPersonalMutation"],useUserAlertsRegistrationPersonalMutation.fetcher=(variables,options)=>(0,_haaretz_s_graphql_fetcher__WEBPACK_IMPORTED_MODULE_1__.Z)(UserAlertsRegistrationPersonalMutationDocument,variables,options)},"../../hooks/s-use-bi/src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>src});var configShim=__webpack_require__("../../config/l-storybook-config/wwwroot/public/configShim.js"),react=__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/react/index.js"),useBiDataContext=__webpack_require__("../../hooks/s-use-bi/src/useBiDataContext.tsx");const src=function useBi(){let biUrl,biType=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"action";const biServer=configShim.Z.get("bIServer");switch(biType){case"impression":biUrl=`${biServer}/impressionPlain`;break;case"pageview":biUrl=`${biServer}/requestPlain`;break;default:biUrl=`${biServer}/actionPlain`}const contextBiDataPromise=(0,useBiDataContext.Z)();return react.useCallback((userBiData=>{contextBiDataPromise.then((contextBiData=>{var _window$navigator;const{additional_info}=userBiData;additional_info&&"object"==typeof additional_info&&(userBiData.additional_info=JSON.stringify(additional_info));const finalBiData=Object.assign({},contextBiData,userBiData);null===(_window$navigator=window.navigator)||void 0===_window$navigator||_window$navigator.sendBeacon(biUrl,JSON.stringify(finalBiData))}))}),[biUrl,contextBiDataPromise])}},"../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/shared/lib/amp-context.shared-runtime.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AmpStateContext",{enumerable:!0,get:function(){return AmpStateContext}});const AmpStateContext=__webpack_require__("../../../node_modules/.pnpm/@[email protected]/node_modules/@swc/helpers/cjs/_interop_require_default.cjs")._(__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/react/index.js")).default.createContext({})},"../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/shared/lib/amp-mode.js":(__unused_webpack_module,exports)=>{"use strict";function isInAmpMode(param){let{ampFirst=!1,hybrid=!1,hasQuery=!1}=void 0===param?{}:param;return ampFirst||hybrid&&hasQuery}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"isInAmpMode",{enumerable:!0,get:function(){return isInAmpMode}})},"../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/shared/lib/head.js":(module,exports,__webpack_require__)=>{var process=__webpack_require__("../../../node_modules/.pnpm/[email protected]/node_modules/process/browser.js");Object.defineProperty(exports,"__esModule",{value:!0}),function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{defaultHead:function(){return defaultHead},default:function(){return _default}});const _interop_require_default=__webpack_require__("../../../node_modules/.pnpm/@[email protected]/node_modules/@swc/helpers/cjs/_interop_require_default.cjs"),_react=__webpack_require__("../../../node_modules/.pnpm/@[email protected]/node_modules/@swc/helpers/cjs/_interop_require_wildcard.cjs")._(__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/react/index.js")),_sideeffect=_interop_require_default._(__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/shared/lib/side-effect.js")),_ampcontextsharedruntime=__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/shared/lib/amp-context.shared-runtime.js"),_headmanagercontextsharedruntime=__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/shared/lib/head-manager-context.shared-runtime.js"),_ampmode=__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/shared/lib/amp-mode.js");__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/shared/lib/utils/warn-once.js");function defaultHead(inAmpMode){void 0===inAmpMode&&(inAmpMode=!1);const head=[_react.default.createElement("meta",{charSet:"utf-8"})];return inAmpMode||head.push(_react.default.createElement("meta",{name:"viewport",content:"width=device-width"})),head}function onlyReactElement(list,child){return"string"==typeof child||"number"==typeof child?list:child.type===_react.default.Fragment?list.concat(_react.default.Children.toArray(child.props.children).reduce(((fragmentList,fragmentChild)=>"string"==typeof fragmentChild||"number"==typeof fragmentChild?fragmentList:fragmentList.concat(fragmentChild)),[])):list.concat(child)}const METATYPES=["name","httpEquiv","charSet","itemProp"];function reduceComponents(headChildrenElements,props){const{inAmpMode}=props;return headChildrenElements.reduce(onlyReactElement,[]).reverse().concat(defaultHead(inAmpMode).reverse()).filter(function unique(){const keys=new Set,tags=new Set,metaTypes=new Set,metaCategories={};return h=>{let isUnique=!0,hasKey=!1;if(h.key&&"number"!=typeof h.key&&h.key.indexOf("$")>0){hasKey=!0;const key=h.key.slice(h.key.indexOf("$")+1);keys.has(key)?isUnique=!1:keys.add(key)}switch(h.type){case"title":case"base":tags.has(h.type)?isUnique=!1:tags.add(h.type);break;case"meta":for(let i=0,len=METATYPES.length;i<len;i++){const metatype=METATYPES[i];if(h.props.hasOwnProperty(metatype))if("charSet"===metatype)metaTypes.has(metatype)?isUnique=!1:metaTypes.add(metatype);else{const category=h.props[metatype],categories=metaCategories[metatype]||new Set;"name"===metatype&&hasKey||!categories.has(category)?(categories.add(category),metaCategories[metatype]=categories):isUnique=!1}}}return isUnique}}()).reverse().map(((c,i)=>{const key=c.key||i;if(process.env.__NEXT_OPTIMIZE_FONTS&&!inAmpMode&&"link"===c.type&&c.props.href&&["https://fonts.googleapis.com/css","https://use.typekit.net/"].some((url=>c.props.href.startsWith(url)))){const newProps={...c.props||{}};return newProps["data-href"]=newProps.href,newProps.href=void 0,newProps["data-optimized-fonts"]=!0,_react.default.cloneElement(c,newProps)}return _react.default.cloneElement(c,{key})}))}const _default=function Head(param){let{children}=param;const ampState=(0,_react.useContext)(_ampcontextsharedruntime.AmpStateContext),headManager=(0,_react.useContext)(_headmanagercontextsharedruntime.HeadManagerContext);return _react.default.createElement(_sideeffect.default,{reduceComponentsToState:reduceComponents,headManager,inAmpMode:(0,_ampmode.isInAmpMode)(ampState)},children)};("function"==typeof exports.default||"object"==typeof exports.default&&null!==exports.default)&&void 0===exports.default.__esModule&&(Object.defineProperty(exports.default,"__esModule",{value:!0}),Object.assign(exports.default,exports),module.exports=exports.default)},"../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/shared/lib/side-effect.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return SideEffect}});const _react=__webpack_require__("../../../node_modules/.pnpm/@[email protected]/node_modules/@swc/helpers/cjs/_interop_require_wildcard.cjs")._(__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/compiled/react/index.js")),isServer="undefined"==typeof window,useClientOnlyLayoutEffect=isServer?()=>{}:_react.useLayoutEffect,useClientOnlyEffect=isServer?()=>{}:_react.useEffect;function SideEffect(props){const{headManager,reduceComponentsToState}=props;function emitChange(){if(headManager&&headManager.mountedInstances){const headElements=_react.Children.toArray(Array.from(headManager.mountedInstances).filter(Boolean));headManager.updateHead(reduceComponentsToState(headElements,props))}}var _headManager_mountedInstances;isServer&&(null==headManager||null==(_headManager_mountedInstances=headManager.mountedInstances)||_headManager_mountedInstances.add(props.children),emitChange());return useClientOnlyLayoutEffect((()=>{var _headManager_mountedInstances;return null==headManager||null==(_headManager_mountedInstances=headManager.mountedInstances)||_headManager_mountedInstances.add(props.children),()=>{var _headManager_mountedInstances;null==headManager||null==(_headManager_mountedInstances=headManager.mountedInstances)||_headManager_mountedInstances.delete(props.children)}})),useClientOnlyLayoutEffect((()=>(headManager&&(headManager._pendingUpdate=emitChange),()=>{headManager&&(headManager._pendingUpdate=emitChange)}))),useClientOnlyEffect((()=>(headManager&&headManager._pendingUpdate&&(headManager._pendingUpdate(),headManager._pendingUpdate=null),()=>{headManager&&headManager._pendingUpdate&&(headManager._pendingUpdate(),headManager._pendingUpdate=null)}))),null}},"../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/shared/lib/utils/warn-once.js":(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"warnOnce",{enumerable:!0,get:function(){return warnOnce}});let warnOnce=_=>{}},"../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/head.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("../../../node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/next/dist/shared/lib/head.js")}}]);