https://sharesome.com/chunks/add_story_media.js?id=1c0ab3a399f7e775

1!function(){try{var n="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};n.SENTRY_RELEASE={id:"55a12c26cf2aa641f62203fa9e1b987ce8556281"};var e=(new n.Error).stack;e&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[e]="fa41ebc0-0005-48b0-ba46-1e58c05b1cea",n._sentryDebugIdIdentifier="sentry-dbid-fa41ebc0-0005-48b0-ba46-1e58c05b1cea")}catch(n){}}(),(self.webpackChunk=self.webpackChunk||[]).push([[12039],{82973(n,e,t){t.d(e,{A:()=>l});var a=t(54991),i=t.n(a),s=t(76314),d=t.n(s)()(i());d.push([n.id,"@media (min-width:340px){._4t8XOzoSplyRP6\\+NrXuefw\\=\\={display:none}}","",{version:3,sources:["webpack://./resources/assets/sass/1_settings/_layouts.scss","webpack://./resources/assets/js/components/front/addstory/AddStoryMedia.vue"],names:[],mappings:"AAiEI,yBC7DF,8BACE,YAFF,CACF",sourcesContent:["$breakpoints: (\n  bp--xxs: $bp--smallest,\n  bp--xs: $bp--mobile,\n  bp--sm: $bp--tablet,\n  bp--md: $bp--desktop--small,\n  bp--base: $bp--desktop,\n  bp--lg: $bp--desktop--large,\n  bp--xl: $bp--desktop--xlarge,\n);\n\n$maxwidth: (\n  \"container-xl\": 1500px,\n  \"container-lg\": 1178px,\n  \"container-base\": 1110px,\n  \"container-md\": 940px,\n  \"container-sm\": 640px,\n  \"container-xs\": 512px,\n);\n\n// $padding: (\n//   'mobile': 3%,\n//   'xs': 5%,\n// );\n\n// @function padding($value) {\n//   @if map-has-key($padding, $value) {\n//     @return map-get($padding, $value);\n//   }\n\n//   @else {\n//     @warn 'padding: could not find #{$value} in $padding map. Please make sure it is defined';\n//   }\n// }\n\n//-------------------------------------\n// @function: maxwidth($value)\n//-------------------------------------\n// usage:\n// .modal {\n//   max-width: maxwidth('container-ld');\n// }\n//-------------------------------------\n@function maxwidth($value) {\n  @if map-has-key($maxwidth, $value) {\n    @return map-get($maxwidth, $value);\n  } @else {\n    @warn 'maxwidth: could not find #{$value} in $maxwidth map. Please make sure it is defined';\n  }\n}\n\n//-------------------------------------\n// @mixins: breakpoint($size)\n//-------------------------------------\n// usage:\n// @include breakpoint(bp--md) {\n//    - styles here --\n// }\n//-------------------------------------\n\n@mixin breakpoint($size, $string: \"min-width\") {\n  @if map-has-key($breakpoints, $size) {\n    @media screen and ($string: map-get($breakpoints, $size)) {\n      @content;\n    }\n  } @else {\n    @media (min-width: $size) {\n      @content;\n    }\n  }\n}\n\n//-------------------------------------\n// @mixins: grid-container\n//-------------------------------------\n// usage:\n// .some-container {\n//   @include grid-container;\n// }\n//-------------------------------------\n\n// @mixin grid-container {\n//   width: 100%;\n//   padding-right: padding('mobile');\n//   padding-left: padding('mobile');\n\n//   @include breakpoint(bp--xs) {\n//     padding-right: padding('xs');\n//     padding-left: padding('xs');\n//   }\n// }\n\n//-------------------------------------\n// @function: z($layer)\n//-------------------------------------\n// usage:\n// .modal {\n//   z-index: z('modal');\n// }\n//-------------------------------------\n\n// $z-indexes: (\n//   modal: 9000,\n//   overlay: 8000,\n//   dropdown: 7000,\n//   header: 6000,\n//   pullout: 5000,\n//   footer: 4000,\n//   hidden: - 1,\n//   overflowHidden: - 1,\n//   overflowOptions: 1,\n// );\n\n// @function z($layer) {\n//   @if not map-has-key($z-indexes, $layer) {\n//     @warn 'No layer found for `#{$layer}` in $z-indexes map. Property omitted.';\n//   }\n\n//   @return map-get($z-indexes, $layer);\n// }\n",'\n@import "~@design";\n\n@include breakpoint(340px, "max-width") {\n  .hideIcons {\n    display: none;\n  }\n}\n'],sourceRoot:""}]),d.locals={hideIcons:"_4t8XOzoSplyRP6+NrXuefw=="};const l=d},5515(n,e,t){t.r(e),t.d(e,{default:()=>p});var a={};a.props={disabled:{type:Boolean,default:!1},images:{type:Number,default:0}},a.setup=function(n,e){var t=e.emit;return{change:function(n){t("change",n)}}};const i=a;var s=t(85072),d=t.n(s),l=t(82973),o={insert:"head",singleton:!1};d()(l.A,o);const r=l.A.locals||{};const p=(0,t(14486).A)(i,function(){var n=this,e=n._self._c;n._self._setupProxy;return e("div",{staticClass:"relative flex h-24 flex-row items-center justify-between"},[e("div",{staticClass:"flex w-1/3 justify-start"},[e("a",{staticClass:"px-6 text-md text-white opacity-80",attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),n.$emit("close")}}},[n._v("Cancel")])]),n._v(" "),n.globals.isMobile?e("div",{staticClass:"mx-auto flex h-24 w-1/3 justify-center"},[e("div",{staticClass:"h-24 w-24 rounded-full border-4 border-white p-[3px]"},[e("div",{staticClass:"fileinput-button relative flex h-full w-full items-center justify-center rounded-full bg-white !p-0"},[e("input",{staticClass:"h-full w-full",attrs:{type:"file",accept:"image/*, video/*",capture:"camera","data-sequential-uploads":"true"},on:{change:n.change}})])])]):n._e(),n._v(" "),e("div",{staticClass:"flex h-24 w-1/3 items-center justify-end"},[e("AppButton",{staticClass:"fileinput-button text-white",class:[!n.disabled&&"disabled"],attrs:{type:"reset","icon-only":!0}},[e("AppIcon",{staticClass:"icon--36",class:[!!n.images.length&&n.$style.hideIcons,n.$style.Icon],attrs:{icon:"Image24Regular"}}),n._v(" "),e("input",{staticClass:"h-18 w-18 md:h-16 md:w-16",attrs:{"data-sequential-uploads":"true",type:"file",accept:"image/*, video/*",name:"media",disabled:!n.disabled},on:{change:n.change}})],1)],1)])},[],!1,function(n){this.$style=r.locals||r}

1,null,null).exports}}]);